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

jpgerb

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

我在整个域中有不同的按钮,它们将设置不同的时间(即: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>
穆罕默德·优素福

你可以用这个

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

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章