编程 Javascript

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

Posted in Javascript onMarch 14, 2014

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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

理解JavaScript中的对象推荐

Jan 09 Javascript

jquery.combobox中文api和例子，修复了上面的小bug

Mar 28 Javascript

document.compatMode的CSS1compat使用介绍

Apr 03 Javascript

javascript实现下拉提示选择框

Dec 29 Javascript

JavaScript获取当前时间向前推三个月的方法示例

Feb 04 Javascript

ES6新特性之类(Class)和继承(Extends)相关概念与用法分析

May 24 Javascript

微信小程序 scroll-view实现锚点滑动的示例

Dec 06 Javascript

解决Vue.js 2.0 有时双向绑定img src属性失败的问题

Mar 14 Javascript

create-react-app安装出错问题解决方法

Sep 04 Javascript

JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例

Feb 21 Javascript

jquery+css3实现的经典弹出层效果示例

May 16 jQuery

微信小程序onShareTimeline()实现分享朋友圈

Jan 07 Javascript

JavaScript表单通过正则表达式验证电话号码

Mar 14 #Javascript

JavaScript运行时库属性一览表

Mar 14 #Javascript

JavaScript中按位“异或”运算符使用介绍

Mar 14 #Javascript

使用jQuery实现的掷色子游戏动画效果

Mar 14 #Javascript

js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

Mar 14 #Javascript

javascript将相对路径转绝对路径示例

Mar 14 #Javascript

Node.js和PHP根据ip获取地理位置的方法

Mar 14 #Javascript