Question

我有一个小javascript，我试图用来制作计时器。我从这个网站上的另一个问题中得到了代码，它可以正常运行，但由于我在这个页面上制作了几个计时器，我需要对它进行一些修改，我的修改就会破坏它。 / p>

我使用javascript并不是那么精彩，我无法看到我出错的地方。我真正做的就是在变量和函数名称中添加数字（具有计时器的产品的id）。我已经读过它可以在变量和函数名称中加上数字，所以我不知所措。

我使用的代码（不能正常工作）是：

$(document).ready(function () {
    var x1, secs1 = 61434; //declared globally
    x1 = setInterval(myFunc1, 1000);

    function myFunc1() {
        alert('yo');
        var minutes = Math.floor(secs1 / 60);
        var seconds = secs1 % 60;
        $('#timer_'1).html(minutes + ':' + seconds); //assuming there is a label with id 'timer'
        secs1--;
        if (secs1 == 0) {
            document.getElementById('timer').style.hidden = true;
            clearInterval(x1);
        }
    }
});

Answer 1

你的问题不清楚，而且我并不明白你想做什么。但一个明显的问题是这两行：

$('#timer_'
    1).html(minutes + ':' + seconds); //assuming there is a label with id 'timer'

这将引发语法错误，因为'#timer_'1无效语法。

Answer 2

css选择器有两个问题：

$('#timer_'1).html(minutes + ':' + seconds); //在timer_和1
document.getElementById('timer') //也应该是timer_1

小提琴 http://jsfiddle.net/Drea/1zvLspxd/

javascript计时器无法正常工作

2 个答案: