js脚本教程39：定时器settimeout和setInterval

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第二十课 定时器settimeout和setInterval的用法
1、定时器settimeout和setInterval的用法

settimeout详解
var t = settimeout("javascript 语句", 时间参数) //注：时间参数单位为毫秒
示例：var t=settimeout("alert(’3 seconds!’)", 3000)

语法：cleartimeout(settimeout的变量名)
示例：cleartimeout(t) //t为前面设置的settimeout的变量，cleartimeout可以随时停止计时。

setinterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setinterval() 方法会不停地调用函数，直到 clearinterval() 被调用或窗口被关闭。由

setinterval() 返回的 id 值可用作 clearinterval()方法的参数。
例如：
var int=setInterval("clock()",50);
//window.clearinterval(int)
function clock(){
document.getElementById("ck").innerHTML = new Date();
}

2、定时器settimeout和setInterval的区别

settimeout只运行一次，也就是说设定的时间到后就触发运行指定代码，运行完后即结束。如果运行的代码中再次运行同样的settimeout命令，则可循环运行。 setinterval是循环运行的，即每到设定时间间隔就触发指定代码。这是真正的定时器。setinterval使用简单，而settimeout则比较灵活，可以随时退出循环，而且可以设置为按不固定的时间间隔来运行，比如第一次1秒，第二次2秒，第三次3秒……

3、应用实例：

今天是：<span id="tm"></span>
< script type="text/javascript">
function displaytime(){
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var day = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var ampm = "上午";
//0-2 午夜 2-5 凌晨 5-9 早上 9-12 上午 12-14 中午 14-18 下午 18-24 晚上
if (h >= 0 && h < 2) ampm = "午夜";
if (h >= 2 && h < 5) ampm = "凌晨";
if (h >= 5 && h < 9) ampm = "早上";
if (h >= 9 && h < 12) ampm = "上午";
if (h >= 12 && h < 14) ampm = "中午";
if (h >= 14 && h < 18) ampm = "下午";
if (h >= 18) ampm = "晚上";
//12小时制
if (h >12) h -= 12; //补0
if (m < 10) m = "0" + m; //补0
if (s < 10) s = "0" + s;
var time = ampm + h + ":" + m + ":" + s; //年月日和星期
var ymd = d.getYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日" +

day[d.getDay()]; //取得显示位置
var tm = document.getElementById("tm");
tm.innerHTML = ymd + " " + time;

setTimeout("displaytime()",1000);
}
displaytime();

//setInterval("displaytime()",1000);
< /script>