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 相关文章推荐
JS通过相同的name进行表格求和代码
Aug 18 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
浅谈javascript语法和定时函数
May 03 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
Dec 05 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
使用localStorage替代cookie做本地存储
Sep 25 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
动手学习无线电
2021/03/10 无线电
JQuery 操作select标签实现代码
2010/05/14 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
Bootstrap基本插件学习笔记之按钮(21)
2016/12/08 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
python开发之list操作实例分析
2016/02/22 Python
python3音乐播放器简单实现代码
2020/04/20 Python
用python与文件进行交互的方法
2018/03/01 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
Mac安装python3的方法步骤
2019/08/09 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
Python中bisect的用法及示例详解
2020/07/20 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
python中字典增加和删除使用方法
2020/09/30 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
Hotter Shoes英国官网:英伦风格,舒适的鞋子
2017/12/28 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
怎样让char类型的东西转换成int类型
2013/12/09 面试题
出纳的岗位职责
2013/11/09 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
python四种出行路线规划的实现
2021/06/23 Python
MySQL导致索引失效的几种情况
2022/06/25 MySQL
Python find()、rfind()方法及作用
2022/12/24 Python