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 相关文章推荐
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
聊聊vue 中的v-on参数问题
Jan 29 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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
layer弹出层显示在top顶层的方法
2019/09/11 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
详解python中的线程
2018/02/10 Python
python创造虚拟环境方法总结
2019/03/04 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python实现超市商品销售管理系统
2019/11/22 Python
python3实现简单飞机大战
2020/11/29 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
Prototype是怎么扩展DOM的
2014/10/01 面试题
学校安全检查制度
2014/01/27 职场文书
公司会计主管岗位责任制
2014/03/01 职场文书
材料物理专业求职信
2014/09/01 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python