一、 JavaScript setTimeout() 函数
setTimeout -- 暂停指定的毫秒数后执行指定的代码
setTimeout ,中文"设置超时"的意思 引用网址:http://www.dreamdu.com/javascript/window.setTimeout/setTimeout函数语法
setTimeout(codes, interval);
setTimeout函数参数
codes -- 代码段的字符串表示(与eval函数的参数相同),或者是匿名函数、函数名 interval -- 等待的毫秒数(通常用于产生动画效果)setTimeout函数返回值
setTimeout函数的ID标识,每次调用setTimeout函数都会产生一个唯一的ID,可以通过clearTimeout函数(此函数的参数接收一个setTimeout返回的ID)暂停setTimeout函数还未执行的代码
setTimeout函数说明
通过setTimeout函数暂停一段时间后执行代码,可以实现一些特殊的效果
示例
function setbgColor()
{
document.bgColor="#000000";
}
setTimeout(setbgColor, 1000);
setTimeout(functionsetbgColor(){document.bgColor="#000000";}, 1000);
setTimeout("document.bgColor='#000000'",1000);
var icolor=0;
var iNum=256;
setTimeout(setbgColor, 500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)<iNum)
{
setTimeout(setbgColor, 500);
}
}
使用setTimeout函数改变网页的背景颜色
JavaScript setTimeout() 函数示例 -- 可以尝试编辑
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>JavaScript setTimeout 函数示例</title>
</head>
<body>
<script type="text/javascript">
var icolor=0;
var iNum=256;
setTimeout(setbgColor, 500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)<iNum)
{
setTimeout(setbgColor, 500);
}
}
</script>
</body>
</html>
二、 JavaScript clearTimeout() 函数
clearTimeout -- 取消指定的setTimeout函数将要执行的代码
clearTimeout ,中文"清除超时"的意思 引用网址:http://www.dreamdu.com/javascript/window.clearTimeout/clearTimeout函数语法
clearTimeout(id);
clearTimeout函数参数
id -- setTimeout 函数返回的IDclearTimeout函数说明
如果还没有执行setTimeout函数中的代码,就调用了clearTimeout函数,那么就不会执行setTimeout函数中的代码了。
示例
variID=setTimeout("document.bgColor='#000000'", 1000);
clearTimeout(iID);
JavaScript clearTimeout() 函数示例 -- 可以尝试编辑
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>JavaScript clearTimeout 函数示例</title>
</head>
<body>
<scripttype="text/javascript">
variID=setTimeout("document.bgColor='#000000'", 1000);
clearTimeout(iID);
</script>
</body>
</html>
三、 JavaScript setInterval() 函数
setInterval -- 间隔指定的毫秒数不停地执行指定的代码
setInterval ,中文"设置间隔时间"的意思 引用网址:http://www.dreamdu.com/javascript/window.setInterval/setInterval函数语法
setInterval(codes, interval);
setInterval函数参数
codes -- 代码段的字符串表示(与eval函数的参数相同),或者是匿名函数、函数名 interval -- 间隔的毫秒数setInterval函数返回值
setInterval函数的ID标识,每次调用setInterval函数都会产生一个唯一的ID,可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数
setInterval函数说明
setInterval函数会重复间隔一段时间执行代码,因此应使用clearInterval函数将其停止,或者页面被卸载也会自动停止
示例
var icolor=0;
var iNum=256;
var iID=setInterval(setbgColor,500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)>iNum)
{
clearInterval(iID);
}
}
使用setInterval函数改变网页背景的颜色
JavaScript setInterval() 函数示例 -- 可以尝试编辑
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>JavaScript setInterval 函数示例</title>
</head>
<body>
<scripttype="text/javascript">
var icolor=0;
var iNum=256;
var iID=setInterval(setbgColor, 500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)>iNum)
{
clearInterval(iID);
}
}
</script>
</body>
</html>
四、 JavaScript clearInterval() 函数
clearInterval -- 取消指定的setInterval函数将要执行的代码
clearInterval ,中文"清除间隔时间"的意思 引用网址:http://www.dreamdu.com/javascript/window.clearInterval/clearInterval函数语法
clearInterval(id);
clearInterval函数参数
id -- setInterval 函数返回的ID示例
var icolor=0;
var iNum=256;
var iID=setInterval(setbgColor,500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)>iNum)
{
clearInterval(iID);
}
}
JavaScript clearInterval() 函数示例 -- 可以尝试编辑
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>JavaScript clearInterval 函数示例</title>
</head>
<body>
<scripttype="text/javascript">
var icolor=0;
var iNum=256;
var iID=setInterval(setbgColor, 500);
function setbgColor()
{
document.bgColor="#"+icolor*iNum*iNum*iNum+icolor*iNum*iNum+icolor*iNum;
if((icolor+=10)>iNum)
{
clearInterval(iID);
}
}
</script>
</body>
</html>