document.write()与setTimeout()

最新推荐文章于 2022-02-22 15:09:40 发布

原创最新推荐文章于 2022-02-22 15:09:40 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #脚本 #ViewUI

all 同时被 2 个专栏收录

204 篇文章

订阅专栏

JavaScript

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript创建动态时钟的方法，并解决了document.write()导致页面不断被重写的问题，通过更改输出方式使时钟能够正常运行。

刚学习Javascript不太了解document.write()函数

在编写时钟脚本时候遇到了问题

<script> 
function print(){
var my=new Date()
document.write(my.toLocaleString())
t=setTimeout('print()',500)
}
</script>

本来期待时钟会自己走，但是并没有反应

查询资料知道这个document.write()函数会重写页面，也就是这段代码都直接写掉了，因此也就不会递归执行自己了，将document.write(my.toLocaleString())改为document.body.innerHTML=my.toLocaleString()+"<br>"即可，当然了这段代码要写到head标签里。