编程 Javascript

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中interval与setTimeOut的区别示例介绍

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript网页关闭时提醒效果脚本

Oct 22 Javascript

jQuery UI 应用不同Theme的办法

Sep 12 Javascript

从jQuery.camelCase()学习string.replace() 函数学习

Sep 13 Javascript

bootstrap改变按钮加载状态

Dec 01 Javascript

JS控制弹出新页面窗口位置和大小的方法

Mar 02 Javascript

FullCalendar日历插件应用之数据展现(一)

Dec 23 Javascript

基于jQuery实现动态搜索显示功能

May 05 Javascript

轻松掌握JavaScript单例模式

Aug 25 Javascript

BootStrap框架中的data-[ ]自定义属性理解(推荐)

Feb 14 Javascript

微信小程序使用input组件实现密码框功能【附源码下载】

Dec 11 Javascript

Windows下安装 node 的版本控制工具 nvm

Feb 06 Javascript

js实现扫雷源代码

Nov 27 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