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对表单操作2
Apr 06 Javascript
自己写的Javascript计算时间差函数
Oct 28 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 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 文件扩展名 获取函数
2009/06/03 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
Bootstrap 表单验证formValidation 实现远程验证功能
2017/05/17 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
在Python中使用判断语句和循环的教程
2015/04/25 Python
Python批量转换文件编码格式
2015/05/17 Python
Python线程详解
2015/06/24 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
python简单实现插入排序实例代码
2020/12/16 Python
微软中国官方旗舰店:销售Surface、Xbox One、笔记本电脑、Office
2018/07/23 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
数学教学随笔感言
2014/02/17 职场文书
2015年七年级班主任工作总结
2015/05/21 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL