多页中的相同代码无效

时间:2014-02-28 22:11:20

标签: javascript jquery html

http://jsfiddle.net/Bwdfw/104/

我有两个问题 1.为什么计时器没有显示在第一页,如果我把相同的代码放在两页...... 2.按钮也不起作用。我更改了div id名称但没有用。不知道问题究竟在哪里..

http://jsfiddle.net/Bwdfw/104/

var seconds = 0,
    Score = 0,
    index = 0,
    timerStarted = false;

function countdown(sec) {
    seconds = sec;
    tick();
}

function tick() {
    var counter = document.getElementById("timer");
    seconds--;
    counter.innerHTML = "Time : " + String(seconds);
    if (seconds > 60 && Score < 30) {
        alert("Not enough Score");
    }
    if (seconds > 0) {
        setTimeout(tick, 1000);
    }
}

$("#one, #two, #three").click(function () {
    if(!timerStarted) {
        countdown(60);
        timerStarted = true;
    }
    var dataIndex = $(this).data('index');
    if (index == dataIndex) {
        Score++;
        if(dataIndex == 2) {
            index = 0;
        } else {
           index++;   
        }
    } 

    $("#score").html("Score: " + Score);
});

0 个答案:

没有答案