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 对Cookie 操作的封装小结
Dec 31 Javascript
javascript 学习笔记(八)javascript对象
Apr 12 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
nuxt+axios解决前后端分离SSR的示例代码
Oct 24 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
Vue快速实现通用表单验证功能
Dec 05 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
js中更短的 Array 类型转换
2011/10/30 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
详解webpack介绍&amp;安装&amp;常用命令
2017/06/29 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
js实现简单扫雷
2020/11/27 Javascript
在vscode 中设置 vue模板内容的方法
2020/09/02 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
Python 命令行非阻塞输入的小例子
2013/09/27 Python
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
Python使用正则实现计算字符串算式
2019/12/29 Python
将tensorflow.Variable中的某些元素取出组成一个新的矩阵示例
2020/01/04 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
Python下使用Trackbar实现绘图板
2020/10/27 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
个人四风对照检查材料
2014/09/26 职场文书
员工加薪申请报告
2015/05/15 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
windows server2016安装oracle 11g的图文教程
2022/07/15 Servers