js中setInterval/clearInterval与setTimeout/clearTimeout

  • Post author:
  • Post category:其他


[setTimeout]

setTimeout(表达式,延时时间)

在执行时,是在载入后延迟指定时间后,去执行一次表达式,


次数是一次

[setInterval]

setInterval(表达式,交互时间)

则不一样,它从载入后,

每隔指定的时间就执行

一次表达式

由于经常要用到这个而且每次都记不得不完全,总是要上网搜索一次,太麻烦了,自己写一个测试页面。

<html>

<head>

<title>setTimeout 和 setInterval测试用例页面</title>

</head>

<body>

<script language=”javascript”>

//设置全局变量

var staticObj = {};

staticObj.timer = “”;

staticObj.timer2 = “”;

staticObj.count = 0;

function startReload()

{


//设置Interval

staticObj.timer = setInterval(“reloadData()”,500);

}

function stopReload()

{


//清除Interval

clearInterval(staticObj.timer);

}

function reloadData()

{


staticObj.count++;

alert(“Interval循环次数:” + staticObj.count);

if(staticObj.count == 5)

{


stopReload();

alert(“Interval循环已经结束!开始进入setTimeout函数”);

//设置Timeout

staticObj.timer2 = setTimeout(timeoutFn,100);

}

}

function timeoutFn()

{


clearTimeout(staticObj.timer2);

alert(“执行了setTimeout函数并清除了对象”);

}

startReload();

</script>

</body>

</html>

转载于:https://www.cnblogs.com/hanwater/archive/2009/05/09/1453072.html