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() 倒计时就介绍到这了。

回复

我来回复
  • 暂无回复内容