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 相关文章推荐
基于jQuery的360图片展示实现代码
Jun 14 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
JavaScript设计模式初探
Jan 07 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
JavaScript中 DOM操作方法小结
Apr 25 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
May 12 Javascript
javascript+css实现俄罗斯方块小游戏
Jun 28 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采用curl模仿登录人人网发布动态的方法
2014/11/07 PHP
php编程每天必学之验证码
2016/03/03 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
javascript dom 基本操作小结
2010/04/11 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
2018/01/07 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
vue 避免变量赋值后双向绑定的操作
2020/11/07 Javascript
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
毕业实习个人鉴定范文
2013/12/10 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
2014领导班子四风问题查摆思想汇报
2014/09/13 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
elasticSearch-api的具体操作步骤讲解
2021/06/28 Java/Android
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python