的JavaScript：變量未定義內的if else

Question

在這裏我有一個5秒後重定向用戶一個簡單的倒計時功能。

<script type="text/javascript"> 

var timer = 5; 
var counter = document.getElementById("countdown"); 

function countdown(target) 
{ 
    counter.innerHTML = timer--; 
    if (timer >= 0) 
    { 
     setTimeout(function() { 
      countdown(); 
     }, 1000); 
    } 
    else 
    { 
     // Redirect the user 

     console.log(target); // Outputs "undefined" after 5 seconds 

     if (!typeof target === "undefined") 
     { 
      window.location.href = target; 
     } 
    } 
}; 

var target = "/account/"; 
countdown(target); 

</script> 

的問題是，如果將5秒後，它的時間window.location.href做重定向，「目標」變量是不確定的，我不知道爲什麼會這樣。

我已經研究和嘗試了各種解決方案，即使設置了「目標」的設置與「定時器」和「計數器」，但沒有奏效。我的目標是在每個功能實例上設置不同的「目標」。

UPDATE：設置countdown();到countdown(target);固定的「不確定」的問題，但window.location.href對象仍然不重定向到target變量值，可以做些什麼來解決這個問題？

Answer 1

您需要將目標倒計時的setTimeout

function countdown(target) 
{ 
    counter.innerHTML = timer--; 
    if (timer >= 0) 
    { 
     setTimeout(function() { 
      countdown(target); 
     }, 1000); 
    } 
    else 
    { 
     // Redirect the inactive user to the homepage 

     console.log(target); // Outputs "undefined" after 5 seconds 

     if (!typeof target === "undefined") 
     { 
      window.location.href = target; 
     } 
    } 
}; 

Answer 2

這是你的問題，當您再次調用倒計時功能，您應該發送「目標」對象。

setTimeout(function() { 
     countdown(); // should be: countdown(target); 
    }, 1000); 

Answer 3

試試這個，它的工作，你忘了在你的函數中傳遞參數。

var timer = 5; 
var counter = document.getElementById("countdown"); 

function countdown(timer,target){ 

counter.innerHTML = timer--; 
if (timer > 0) 
{ 
    setTimeout(function() { 
     countdown(timer,target); 
    }, 1000); 
} 
else 
{ 
    // Redirect the inactive user to the homepage 

    console.log(target); // Outputs "undefined" after 5 seconds 

    if (!typeof str === "undefined") 
    { 
     window.location.href = target; 
    } 
} 
}; 

var target = "/account/"; 

countdown(timer,target); 

Answer 4

嘗試使用完整的URL，而不是使用絕對URL重定向等代替/account/使用localhost/account/

UPDATE這必須工作，我已經測試過它

<span id="countdown"></span> 
<script> 

var timer = 5; 
var counter = document.getElementById("countdown"); 

function countdown(target) 
{ 
counter.innerHTML = timer--; 
if (timer >= 0) 
{ 
    setTimeout(function() { 
     countdown(target); 
    }, 1000); 
} 
else 
{ 
    // Redirect the inactive user to the homepage 

    console.log(target); // Outputs "undefined" after 5 seconds 


     window.location.href = target; 

} 
}; 

var target = "/account/"; 
countdown(target); 
</script> 

Answer 5

明白了，對於一些因此，if (!typeof target === "undefined")還是回到真實的，即使target確實規定，造成window.location.href不火起來，並重定向到t他值target。

UPDATE：我這樣做是錯誤的，它是一個分組問題，但使用if (typeof target !== "undefined")使它按預期工作。

我分享固定的代碼的情況下，它可以幫助別人：

<script type="text/javascript"> 

var timer = 5; 
var counter = document.getElementById("countdown"); 

function countdown(target) 
{ 
    counter.innerHTML = timer--; 
    if (timer >= 0) 
    { 
     setTimeout(
      function() 
      { countdown(target); }, 1000 
     ); 
    } 
    else 
    { 
     // Redirect the user 
     if (typeof target !== "undefined") 
     { 
      window.location.href = target; 
     } 
    } 
}; 

var target = "/MixaPay/"; 
countdown(target); 

</script> 

感謝大家誰作出了貢獻。