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 相关文章推荐
清空上传控件input file的值
Jul 03 Javascript
jquery显示和隐藏div特效实例
Feb 27 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
原生JavaScript实现留言板
Jan 10 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 Xdebug的安装与使用详解
2013/06/20 PHP
PHP获取文件行数的方法
2015/06/10 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
详解js异步文件加载器
2016/01/24 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
原生JS实现拖拽图片效果
2020/08/27 Javascript
AngularJS入门教程之双向绑定详解
2016/08/18 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
vue实现评价星星功能
2020/06/30 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
利用python代码写的12306订票代码
2015/12/20 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
在pycharm中实现删除bookmark
2020/02/14 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
高中生学习生活的自我评价
2013/11/27 职场文书
《在大海中永生》教学反思
2014/02/24 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
青春寄语大全
2014/04/09 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
公司慰问信范文
2015/03/23 职场文书
高中政治教师教学反思
2016/02/23 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python