定时器

最新推荐文章于 2023-09-05 09:08:14 发布

爱丽丝学园

最新推荐文章于 2023-09-05 09:08:14 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/qq_45970651/article/details/105466917

版权

定时器

1.可重复使用的定时器

格式： setInterval（函数，毫秒数）；

 setInterval（function(){
		//想要去做的事情
	}，毫秒数）

例：

window.setInterval(function(){
	alert("哈哈哈")；
},1000);
window.clearInterval(定时器ID);//清理定时器

功能：每隔所传参数的毫秒数，就调用一次所传参数的函数。
返回值：当前页面上对于这个定时器的唯一标识，定时器的ID。

清除定时器的方法
clearInterval（）取消定时器
参数：定时器的ID

innerHTML 标签间的所有内容
如果在 innerHTML包含标签，标签会被识别，并且会解析，呈现对应的效果。

2.一次性定时器

//参数1：函数
//参数2：时间 1000毫秒=1秒
//返回值：该定时器的id
window.setTimeout(函数，时间)；
例

//页面加载后
window.onload = function(){
     //一次性定时器
      var timeId = window.setTimeout(function(){
	alert("你好")；
},1000);
//点击按钮清除定时器
document.getElementById("btn").onclick = function(){
   clearTimeout(timeId);
};
} ;

【注】一次性定时器虽然只执行一次就停下，但是如果不清除定时器，就会消耗内存。