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

Question

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

我在整个域中都有不同的按钮，可以设置不同的时间（即：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

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

Have an button reset and start a countdown timer

javascript

php

jquery

timer