使用递归进行倒计时的简单说明!(Javascript)
Simple Explanation To Make A Countdown using Recursion!(Javascript)
我一直在为递归而苦苦挣扎,我现在确实对它了解很多,但如果有人愿意使用递归进行简单的倒计时并解释它,那就太棒了!
一种递归的倒计时方法。最大的问题是减慢倒计时,这样你才能真正看到数字的变化。为此,我们可以使用 setInterval.
所以下面的代码非常简单。首先定义最终情况,在这种情况下 n=0。更新 innerHTML 并退出(不要 return 任何东西)。 ELSE return 递归调用 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>
我一直在为递归而苦苦挣扎,我现在确实对它了解很多,但如果有人愿意使用递归进行简单的倒计时并解释它,那就太棒了!
一种递归的倒计时方法。最大的问题是减慢倒计时,这样你才能真正看到数字的变化。为此,我们可以使用 setInterval.
所以下面的代码非常简单。首先定义最终情况,在这种情况下 n=0。更新 innerHTML 并退出(不要 return 任何东西)。 ELSE return 递归调用 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>