时间戳

首页 > 解决方案 > 使用递归进行倒计时的简单说明！（Javascript）

javascript - 使用递归进行倒计时的简单说明！（Javascript）

问题描述

我一直在为递归而苦苦挣扎，我现在确实有点理解它，但是如果有人愿意使用递归进行简单的倒计时并解释它，那将是很棒的！

标签： javascriptrecursioncountdown

解决方案

递归倒计时方法。最大的问题是减慢倒计时，因此您实际上可以看到数字的变化。为此，我们可以使用 setInterval。

所以下面的代码非常简单。首先定义结束情况，在这种情况下当 n=0 时。更新 innerHTML 并退出（不返回任何内容）。ELSE 将递归调用返回到 countdown(n-1)。因为我们在 setInterval 内部执行此操作，所以我们需要确保我们清除 setinterval

var count = document.getElementById('count');
var interval;
function countDown(n){

clearInterval(interval);

if(n==0){
  
   count.innerHTML = n
 }else{    
    count.innerHTML=n;    
    interval=setInterval(function(){    
    return countDown(n-1);
    },500);
}}

countDown(10);
<div id='count'></div>

推荐阅读