js定时器更新DOM
时间: 2023-11-15 19:58:43 浏览: 144
js定时器实例分享
JS定时器可以用来更新DOM元素。通过定时器,可以在一定的时间间隔内改变指定DOM元素的内容,从而实现动态更新效果。在JS中,可以使用setTimeout和setInterval两个函数来创建定时器。setTimeout函数用于在指定的时间后执行一次指定的函数,而setInterval函数用于每隔指定的时间就执行一次指定的函数。通过这两个函数,可以实现对DOM元素内容的定时更新。
参考代码:
```
//获取要更新的DOM元素
var dom = document.getElementById('app');
//使用定时器更新DOM元素内容
setTimeout(function(){
dom.innerHTML = 'Hellow World';
}, 2000);
setInterval(function(){
dom.innerHTML = 'bey World';
}, 2000);
```
此代码将在2秒后将DOM元素内容更新为‘Hellow World’,然后每隔2秒就更新一次DOM元素内容为‘bey World’。
阅读全文