在启动计时器之前,计时器倒计时和div检查不透明度? jQuery的

时间:2014-12-10 03:57:10

标签: javascript jquery html timer

继承代码Duno为什么它不起作用。

    <div id="Timer5min"></div>
    <div class="loader">
        <div class="message phrase1 helvetica">late one christmas morn'...</div>
        <div class="message phrase2 helvetica">all of the fragorian children were sleeping...</div>
        <div class="message phrase3 helvetica">but there was one little hero who could not wait...</div>
        <div class="message phrase4 helvetica" style="visibility: inherit; opacity: 0;"></div>
    </div>

JS

var timer = 301; // 5 minutes worth of seconds + 1 for the first call    
function countDown() {
    if (--timer) {
        var minutes = timer % 60;
        if (!minutes) {
            minutes = '00';
        }
        $('#Timer5min').text(Math.floor(timer / 60) + ':' + minutes);
        setTimeout(countDown, 1000);
    } else {
        window.location = 'http://google.com';
    }
}
$(document).ready(function () {
    var interval = setInterval(function () {           
        if($('.phrase4').css('opacity') == 0) {    
            alert();
            countDown();    
        }
    }, 1000);
});

我认为它是if的声明,因为我没有得到任何想法,如果我出错了。 一切都没有发生 发生的事情是,一旦不透明度匹配它就会检查不透明度它会播放倒计时器...

2 个答案:

答案 0 :(得分:0)

我认为您不需要setTimeout(countDown, 1000);,因为该函数已在setInterval内调用。

检查fiddle。这就是你想要的吗?

答案 1 :(得分:0)

&#34; setTimeout(countDown,1000);&#34;和setInterval只有一个;我用chrome测试,没问题。