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 相关文章推荐
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
JS复制到剪贴板示例代码
Oct 30 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
正则表达式优化JSON字符串的技巧
Dec 24 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 Javascript
vue 实现tab切换保持数据状态
Jul 21 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 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
javascript代码编写需要注意的7个小细节小结
2011/09/21 Javascript
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
Vue组件化开发思考
2018/02/02 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
全面理解Python中self的用法
2016/06/04 Python
Python之list对应元素求和的方法
2018/06/28 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
python定时任务 sched模块用法实例
2019/11/04 Python
python实现百度OCR图片识别过程解析
2020/01/17 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
策划总监岗位职责
2014/02/16 职场文书
求职信模板标准格式范文
2014/02/23 职场文书
园艺师求职信
2014/03/10 职场文书
十八大标语口号
2014/10/09 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书