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 document.execCommand() 常用解析
Dec 14 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
中止javascript执行的方法
Feb 14 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
初学node.js中实现删除用户路由
May 27 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 Javascript
vue中axios封装使用的完整教程
Mar 03 Vue.js
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
toString()一个会自动调用的方法
2010/02/08 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
jquery动态添加删除div 具体实现
2013/07/20 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
python编码最佳实践之总结
2016/02/14 Python
分析Python读取文件时的路径问题
2018/02/11 Python
python实现内存监控系统
2021/03/07 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
python实现处理mysql结果输出方式
2020/04/09 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
团员学习总结的自我评价范文
2013/10/14 职场文书
电子商务专业自我鉴定
2013/12/18 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
教务处教学工作总结
2015/08/10 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript