您的位置
主页 > 网站技术 > 语言编程 > » 正文

javascript中interval与setTimeOut的区别示例介绍

来源: 站长圈 点击:

点评:本文主要介绍了javascript中interval与setTimeOut的区别,需要的朋友可以参考下,希望对大家有所帮助!

setTimeout(code,millisec) //- 在指定时间后执行代码 

code必须; 

millisec必须; 

clearTimeout(setTimeoutId) //- 取消 setTimeout() 

setInterval(code,millisec);//指定间隔毫秒内循环执行代码 

code必须; 

millisec必须; 

clearInterval(intervalId); 

用setTimeout(code,millisec)可以实现setInterval效果,只需要嵌套调用方法即可; 

下面是一个倒计时页面 

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<title>无标题文档</title> 

<script type="text/javascript"> 

var c=6; 

var t; 

function timedCount() 

var time = document.getElementById('txt').value; 

if( time>0){ 

document.getElementById('txt').value=c; 

c=c-1; 

t=setTimeout("timedCount()",1000); 

else{ 

clearTimeout(t); 

</script> 

</head> 

<body> 

<form> 

<input type="button" value="开始计时!" onClick="timedCount()"> 

<input type="text" id="txt" value="6"> 

</form> 

</body> 

</html> 




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明