javascript - 停止倒计时 JavaScript

标签 javascript

我是 js 新手,我创建了简单的倒计时,但如果 count 的值 = 0 我想停止它 这是我的脚本

var no;
no = 5;
$(document).ready(
    function(){
    timer();
    var t = setInterval(timer, 1000);
    var c = setInterval(cek, 1000);
    }

);
function timer(){
      no--;
      $('.timer').html(no);
}

function cek(){
    if(no===0){
        alert('done');     
        clearInterval(t);
        clearInterval(c);


    }

}

这是我的脚本的链接:here

最佳答案

您可以尝试这样做(当您仅用一个这样的间隔即可实现相同的效果时,无需创建 2 个异步计时器):

var t;
var no = 5;
$(document).ready(function() {
    t = setInterval(function() {
        timer();
        cek();
    }, 1000);
});

function timer() {
    no--;
    console.log('NO');
    $('.timer').html(no);
}

function cek() {
    if(no===0) {
        alert('done');     
        clearInterval(t);
    }
}

您可以检查 fiddle 的更新版本@ http://jsfiddle.net/bG8yr/5/

关于javascript - 停止倒计时 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22913658/

相关文章:

javascript - 通过jQuery将音频文件加载到HTML5音频播放器

javascript - onmouseover、onmouseout、onclick 函数 Javascript

javascript - 读取 HTML block 表单变量,查找带有 id 的特定标签元素,以及在哪里查找标签插入文本!用 jQuery?

php - 是否有任何 PHP 或 JavaScript 数学表达式格式化程序(添加括号)?

javascript - 仅当单击同一行中包含数据库对象的另一个 <div> 时显示包含数据库对象的 <div> - Django

javascript - 在 javascript 函数中更改 span 类属性值

javascript - 为什么 CSS 和 JS 没有加载?

javascript - 当每个div动态生成不同的id时,如何在id上应用点击功能

javascript - 网格中的 Kendo DropDownList 在选择后才绑定(bind)

javascript - 更新 Rails 应用程序的服务器端进度