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 相关文章推荐
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
js的2种继承方式详解
Mar 04 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
Oct 20 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
写gulp遇到的ES6问题详解
Dec 03 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
You might like
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
js 三级关联菜单效果实例
2013/08/13 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
2016/05/15 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
从零学Python之hello world
2014/05/21 Python
Python深入学习之上下文管理器
2014/08/31 Python
Python卸载模块的方法汇总
2016/06/07 Python
Python变量和数据类型详解
2017/02/15 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
Python面向对象程序设计多继承和多态用法示例
2019/04/08 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
会议欢迎词范文
2015/01/27 职场文书
销售督导岗位职责
2015/04/10 职场文书
范文之农村基层党建工作报告
2019/10/24 职场文书
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android