JavaScript 学习笔记：计时器

setInterval( code/function, time ) 每隔指定时间，执行代码或函数

code / function：需要执行的代码 或者 函数

time：规定的时间，单位是毫秒

返回：该计时器对象的标识，可以用来停止该计时器

<input type="text" id="clock" size="50"/>

var showTime;
function clock(){
    var time = new Date();          
    showTime = time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
    document.getElementById("clock").value = showTime;
}
var clockId = setInterval(clock, 100);

 clearInterval( id )    停止指定 id 的定时计时器

 <input type="button" value="Stop"  onclick="clearInterval(clockId)"/>

setTimeout( code/function,  time)    延迟一定时间，随后执行代码或函数

code / function：需要执行的代码 或者 函数

time：规定的时间，单位是毫秒

返回：该计时器对象的标识，可以用来停止该计时器

<input type="text" id="count" />
<input type="button" value="Stop" onClick="stopCount()"/>

var num = 0;
var numId;

function startCount() {
    document.getElementById('count').value=num;
    num = num + 1;
    numId = setTimeout(startCount, 1000);
}

setTimeout(startCount, 1000);

clearTimeout( id )    停止指定Id的延迟计时器

function stopCount(){
    clearTimeout(numId);
}