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 相关文章推荐
简单实用的全选反选按钮例子
Oct 18 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
如何通过vscode运行调试javascript代码
Jul 24 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
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
You might like
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python脚本实现下载合并SAE日志
2015/02/10 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
Python实现DDos攻击实例详解
2019/02/02 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
python爬虫实现获取下一页代码
2020/03/13 Python
java关于string最常出现的面试题整理
2021/01/18 Python
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
外企C语言笔试题
2013/11/10 面试题
全国道德模范事迹
2014/02/01 职场文书
语文教研活动总结
2014/07/02 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
海洋天堂观后感
2015/06/05 职场文书
离职证明范本
2015/06/12 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android