0

我创建了一个拖放游戏。有没有办法在时间到时停止所有 mouseEvents？

以下是我的计时器代码。

var canvas = document.getElementById("canvas");
var canvas_context = canvas.getContext("2d");
var text = "you have: 10 : 00 left"

function showFillText() {
canvas_context.clearRect(500, 350, 80, 100);
canvas_context.fillStyle = '#36F'; //text color
canvas_context.font = ' bold 20px sans-serif';
canvas_context.textBaseline = 'bottom'; 
canvas_context.fillText(text, 500, 450); //('text', x, y)
}
var mins = .1;  //Set the number of minutes you need
var secs = mins * 60;
var currentSeconds = 0;
var currentMinutes = 0;
setTimeout('Decrement()',1000);

function Decrement() {
    currentMinutes = Math.floor(secs / 60);
    currentSeconds = secs % 60;
    if(currentSeconds <= 9) currentSeconds = "0" + currentSeconds;
    secs--;
   text = currentMinutes + ":" + currentSeconds; //Set the element id you need the time put into.
    if(secs !== -1) setTimeout('Decrement()',1000);
    //document.getElementById("timerText").innerHTML = currentMinutes + ":" + currentSeconds; 
    if (currentMinutes == 0 && currentSeconds ==0)  {
    text = "TIMES UP"   
    //document.location.href = "http://www.google.com";
    }
    showFillText()
}
4

3 回答 3

2

保留所有事件处理程序的列表，并在计时器到期时将其删除。

所以而不是：

document.getElementById("some element").addEventListener("onX", function () {});

你做：

registerEvent(document.getElementById("some element"), "onX", function () {});

registerEvent保留所有事件侦听器的列表。您可以使用 删除事件侦听器removeEventListener。

于 2013-11-05T14:55:59.593 回答
0

可以使用指针事件。将它用于您感兴趣的 div 或类。http://caniuse.com/pointer-events

于 2013-11-05T14:56:34.687 回答
0

添加一个名为（例如）'lock'的标志，最初设置为0。

时间到了，设置为1。

在函数中添加 if

function myFunction(){
    if( lock == 0 ){
        ... function ...
    }
}

可能有一种更复杂的方法，但应该可以。. .

于 2013-11-05T14:56:44.580 回答