问题描述
JScript code var dt2; var st; function test() { dt1 = new Date(); st = setTimeout(tt, 1000); return true; } function tt() { dt2 = new Date(); if (dt2.getTime() - dt1.getTime() > 1000) { clearTimeout(st); $("#ttt").html("hahahahaha");return true; } }HTML code <div id="ttt" style="height: 100px; border: 1px solid #c0c0c0;" onmousedown="return test();"> test</div>用vs调试，长按之后，tt()方法断点可以进去，div的内容可以被更新。但是，如果不加断点，一直按，就没有任何效果。请问这是怎么回事啊？
解决方案
你的设计有问题，这段代码中tt永远是1秒后执行。并且有可能定时有偏差，导致你那里判断不通过。你应该在test中注册document的mouseup来检测下什么时候松开的，如果触发，则应该清除setTimeout句柄。当然tt执行时，也应该清除mouseup句柄这样，一但鼠标提前松开，就能中止掉定时器
解决方案二：
setTimeout(tt, 1000);实际上并不是很精确的1000毫秒后执行，而是990+毫秒左右，所以不加断点 if (dt2.getTime() - dt1.getTime() > 1000) 就过不去，不执行里面的代码很正常，所以你这种实现方法不可取。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title> New Document </title><script type="text/javascript" src="jquery.js"></script><style>div#ttt{height: 100px; border: 1px solid #c0c0c0;}</style></head><body><div id="ttt">test</div><script>var timer,oDiv = document.getElementById('ttt'); oDiv.onmousedown = function() { timer = setTimeout(tt, 1000); } oDiv.onmouseup = function(){ clearTimeout(timer); } function tt() { oDiv.innerHTML = "hahahahaha"; } </script></body></html>
解决方案三：
clearTimeout(st); 把这句去掉是不是出来了
解决方案四：
我试了你的代码 一点反映都木有你是要实现具体哪样的功能啊
解决方案五：
关注 希望楼主可以早日找到解决办法