Question

单击按钮时，我正在尝试开始倒数计时器。我搜索并发现了一些不同的项目，但似乎没有任何功能。

我在整个域中有不同的按钮，它们将设置不同的时间（IE：120秒，60秒等）。显示位于每个页面的相同位置（加载页面右上角的div）所以我想使用外部js scripts/timer.js

我可以使用<div id="timer"></div>来放置计时器。

我的问题：如何调用该函数启动计时器。当时间量可以改变并且必须携带页面时，所述计时器的建议脚本是什么（我一直使用$_SESSION['x']在.php之间传递信息

<div class="headertopgab">
    <div style="float: left; margin-left: 20px">
        Galactic Credits: 
        <?php echo "&Ccedil;".$_SESSION['galacticCredits']; ?>
    </div>
    <div style="margin-left: 50px; float: left">
        <?php echo "".$_SESSION['currentLocation']; ?>
    </div>
    <div style="float:right">
        <div id="time">10</div>  <!-- this is where I want the countdown-->
    </div>
</div>

Answer 1

你可以用这个

var countdown;
var counter = function(){
    var time = parseInt($('#time').text());
    if (time !== 0){
        $('#time').text(time - 1);
    }else{
        clearInterval(countdown);
    }
}
countdown = setInterval(counter , 1000);

DEMO

重置按钮并启动倒数计时器

1 个答案: