首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

关于setTimeout跟setInterval的用法

2012-10-28 
关于setTimeout和setInterval的用法setTimeout(表达式,延迟时间) 单位:ms(毫秒);1s1000mssetInterval(

关于setTimeout和setInterval的用法
setTimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms;
setInterval(表达式,交互时间); 单位:ms(毫秒);1s=1000ms;

window.setTimeout()
在执行时,它从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次;和window.clearTimeout一起使用.

window.setInterval()
在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.

举个例子吧!

< script>
function showtime( ){
var otime = new Date( );
var mytime = otime.getHours()+':'+otime.getMinutes()+':'+otime.getSeconds();
document.getElementById('mytext').value = mytime;
window.clearTimeout(tt);
var tt = setTimeout("showtime()",1000);//也可以写成 var tt = setTimeout(showtime,1000);
}
< /script>


< input type=text id='mytext'>
< div onclick='setTimeout("showtime()",1000)'>设置< /div>

//上面的代码实现是时钟,在来看一下用
// setInterval实现此效果

< script>
function showtime( ){
var otime = new Date( );
var mytime = otime.getHours()+':'+otime.getMinutes()+':'+otime.getSeconds();
document.getElementById('mytext').value = mytime;
}
< /script>


< input type=text id='mytext'>
< div onclick='setTimeout("showtime()",1000)'>设置< /div>

热点排行