利用innerHTML属性完成动态显示时间。

关键代码示例:

                    function time(){

var date=new Date();

var str=date.toLocaleString();

                                //获取div对象()

                                var div=document.getElementById("div2")

                                //在制定的div区域里面写入一个表格

div.innerHTML="<table border='1'><tr><td>当前时间</td><td></td></tr></table>";

                               // 获取div对象下面的子节点

var td=div.getElementsByTagName("td")

                                //利用innerHTML的属性,将时间写入表格的单元格中

td[1].innerHTML=str;

}

                        //利用setInterval方法,动态的将时间写入单元格中

setInterval("time();",1000);

动态效果示例:


猜你喜欢

转载自blog.csdn.net/qq_41300571/article/details/79539743