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

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