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

Question

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

我在整个域中有不同的按钮,将设置不同的时间(IE:120秒,60秒等).显示在每个页面的同一位置(div在加载页面的右上角)所以我想要使用外部jsscripts/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