js计时器方法 setInterval(),setTimeout()

时间:2024-01-19 17:04:56

window.setInterval() 周期性地调用一个函数(function)或者执行一段代码。

 var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
var intervalID = window.setInterval(code, delay);  //不推荐

window.clearInterval() 取消掉用setInterval设置的重复执行动作

 window.clearInterval(intervalID)

实例:

 <script type="text/javascript">
$(document).ready(function(){
// method one
var nIntervId1 = setInterval(flashText, 2000);
// method two
var nIntervId2 = setInterval("flashText()", 2000);
// 不推荐
var nIntervId3 = setInterval("console.log('hello world!')",3000);
//
var nIntervId4 = setInterval(function(){
console.log("hello boyy!");
},3000);
// clear
clearInterval(nIntervId1);
});
//
function flashText() {
console.log("exec function flashText()");
}
</script>

window.setTimeout 在指定的延迟时间之后调用一个函数或者执行一个代码片段。

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = window.setTimeout(code, delay);  //不推荐

window.clearTimeout() 取消掉用setTimeout设置的重复执行动作

  window.clearInterval(timeoutID)