js定时器任务 setInterval
哈哈,第一次写博客记录一下自己。之前在产品上多出了一个要求就是添加一个js的定时任务,总共用到了setInterval(function,time,param…) 和clearInterval()两个方法。
好话不多讲上示例。
<script>
/*timer 是方法名不用括号什么的,时间是毫秒数*/
setInterval(timer, 3000);
function timer(){
//dosomething
var x = document.body;
//背景红蓝切换,据说伤眼,哈哈
x.style.backgroundColor = x.style.backgroundColor == "red" ? "blue" : "red";
}
</srcipt>
这里每隔3秒就执行一次,并且这段函数的执行时间也算在时间间隔内,假如timer执行需要500ms,那么在执行完2500ms后就开始下一次,如果timer需要3500ms,那么会timer执行完,会立即执行下一次
<script>
//param 是方法参数,可以有多个参数
var interval = setInterval(timer, 3000,param);
function timer(param){
//dosomething......
console.log(window);
//想在定时方法内部停掉定时器就可以用clearInterval()方法了
clearInterval(interval);//就可以了,至于在哪种条件下停止自行发挥了,哈哈
}
</srcipt>
好了就先这样,如有错误欢迎指正。