setTimeout() 倒计时
分类:实例代码
setTimeout() 倒计时属于前端实例代码,有关更多实例代码大家可以查看。
多数情况,倒计时使用setInterval方法实现,此方法可以不间断的执行。
而setTimeout方法只能够执行一次,通过递归的方式也可以实现倒计时功能。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <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只能够执行一次,但是可以使用递归的方式,不断的调用自身。
相关阅读:
(1).Number()参阅JavaScript Number()一章节。
(2).setTimeout()参阅window setTimeout()一章节。
setTimeout() 倒计时,这样的场景在实际项目中还是用的比较多的,关于setTimeout() 倒计时就介绍到这了。