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 相关文章推荐
ext实现完整的登录代码
Aug 08 Javascript
JQuery 动态扩展对象之另类视角
May 25 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
JS实现留言板功能
Jun 17 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 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
基于mysql的bbs设计(三)
2006/10/09 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
短信提示使用 特效
2007/01/19 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
jQuery中的通配符选择器使用总结
2016/05/30 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
2018/10/02 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
python 多线程应用介绍
2012/12/19 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
社会保险接收函
2014/01/12 职场文书
物流业务员岗位职责
2014/02/08 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
个人租房协议书
2014/11/28 职场文书
村干部任职承诺书
2015/01/21 职场文书
十八大观后感
2015/06/12 职场文书
村主任当选感言
2015/08/01 职场文书