我创建了一个拖放游戏。有没有办法在时间结束时停止所有鼠标事件?
以下是我的计时器代码。
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()
}
保留所有事件处理程序的列表,并在计时器到期时将其删除。
所以代替:
document.getElementById("some element").addEventListener("onX", function () {});
是吗:
registerEvent(document.getElementById("some element"), "onX", function () {});
registerEvent
保留所有事件侦听器的列表。您可以使用 removeEventListener
删除事件侦听器。
可以使用指针事件。将其用于您感兴趣的div 或类。http://caniuse.com/pointer-events
添加一个名为(例如)"锁定"的标志,最初设置为 0。
时间到了,将其设置为 1。
在函数中添加 if
function myFunction(){
if( lock == 0 ){
... function ...
}
}
可能有一种更复杂的方法,但这应该有效......