使用setTimeout()實現倒計時效果代碼實例:大多數情況下實現倒計時效果是使用setInterval()函數,因為此函數可以每隔指定的實現就執行一次指定函數,而setTimeout()函數只能夠執行一次,不過也是可以實現倒計時效果的,下麵就通過代碼實例介紹一下如何利用setTimeout()函
使用setTimeout()實現倒計時效果代碼實例:
大多數情況下實現倒計時效果是使用setInterval()函數,因為此函數可以每隔指定的實現就執行一次指定函數,而setTimeout()函數只能夠執行一次,不過也是可以實現倒計時效果的,下麵就通過代碼實例介紹一下如何利用setTimeout()函數實現倒計時效果。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function timer() { var value=Number(document.all['timer'].value); if(value>1) { document.all['timer'].value=value-1; } else { document.all['timer'].value="同意"; return false; } window.setTimeout("timer()",1000); } window.onload=function(){timer()} </script> </head> <body> <input name="timer" value="10" type="button"/> </body> </html>
以上代碼實現了我們的要求,可以使用setTimeout()函數實現倒計時效果,儘管setTimeout()只能夠執行一次,但是可以使用遞歸的方式,不斷的調用自身,就可以實現倒計時效果,具體實現過程這裡就多介紹了,可以參閱相關閱讀。
相關閱讀:
1.Number()函數可以參閱javascript的Number()方法一章節。
2.setTimeout()函數可以參閱window對象的setTimeout()方法一章節。
3.document.all可以參閱javascript的document.all的用法一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11519
更多內容可以參閱:http://www.softwhy.com/javascript/