2012-12-04 28 views
0

我想在iframe中每90秒显示体育比分。除了一部分外,我有一切工作。我遇到的问题是,一旦时间从90到0,它会将html页面加载到iframe中,并持续重新加载相同的html页面。我怎样才能让它加载一次,然后再次开始90秒倒计时?随着时间的推移重复功能

// variables 
var timeCountdown = 90, 
    minutesCountdown, 
    secondsCountdown, 
    mainCountdown; 
// main script countdown 
mainCountdown = setInterval(function() { 
    // display countdown time 
    document.getElementById("countdown").innerText = mainCountdown + " seconds remaining!"; 
    // if time is 0 or smaller 
    if (timeCountdown <= 0) { 
     // load sports scores 
     document.getElementById("iframe").src = "sports/nba/feed.html"; 
    } else { 
     // convert random time to minutes 
     minutesCountdown= Math.floor(timeCountdown/60); 
     // convert random time to seconds 
     secondsCountdown = (timeCountdown % 60); 
     // add leading zero to seconds if less than ten 
     if (secondsCountdown < 10) { 
     secondsCountdown = "0" + secondsCountdown; 
     } 
     // add leading zero to minutes if less than ten 
     if (minutesCountdown <= 10) { 
     minutesCountdown = "0" + minutesCountdown; 
     } 
     // display countdown until next search 
     document.getElementById("countdown").innerHTML = "Loading NBA scores in " + minutesCountdown + ':' + secondsCountdown; 
     // reduce countdown time 
     timeCountdown--; 
    } 
}, 1000); 

回答

1

clearInterval(intervalId)是你所需要的。

你的情况这将是

if (timeCountdown <= 0) { 
    window.clearInterval(mainCountdown); 

哦,你要复位定时器?将变量timeCountdown设置回90!

if (timeCountdown <= 0) { 
    timeCountdown = 90; 
+0

但不会是阻止它?我将如何让它重复一遍? –

+0

感谢您的帮助 –

1

timeCountdown达到0,你加载的iFrame,您需要设置timeCountdown回到90

相关问题