按钮和时间不起作用

时间:2014-02-19 21:42:59

标签: javascript javascript-events

不知道代码有什么问题,因为按钮没有移动而且定时器不工作。

由于按钮在60秒之前很难捕捉,因为它应该移动整个屏幕。

我尝试使用代码,但按钮只移动一次。当我在上面放置鼠标箭头时,我希望按钮始终移动。

<SCRIPT>
    var lose = 'YOU LOST'
    var win = 'YOU WON'

    function finish(message) {
        clearTimeout(timer)
        output.innerHTML = message
        button1.style.display='none'
        button2.style.display='none'
        button3.style.display='none'
    }

    function moveme(obj) {
        obj.style.pixelLeft += Math.random() * 250 - 150
        obj.style.pixelTop += Math.random() * 250 - 150
    }
</SCRIPT>
</HEAD>
<BODY BGCOLOR="goldenred" TEXT="black" onSelectStart="return false">
    <CENTER> 
    <H1><b>Test</b></H1>
    <P>If you can't click this button, you r lost!<BR>You got 60 sec.!</P>
    <BR><BR>
    <INPUT
        TYPE=BUTTON
        ID=button1
        onClick="finish(win)"
        onMouseOver="this.style.position='absolute'; moveme(this)"
        VALUE="CLICK"
        STYLE="display:none; top:300; left:200"
    >
    <INPUT
        TYPE=BUTTON
        ID=button2
        onClick="finish(win)"
        onMouseOver="button1.style.display=''; button3.style.display=''; this.style.position='absolute'; moveme(this); timer = setTimeout('finish(lose)', 60000)"
        VALUE="CLICK"
        STYLE="top:300; left:200"
    >

    <INPUT
        TYPE=BUTTON
        ID=button3
        onClick="finish(win)"
        onMouseOver="this.style.position='absolute'; moveme(this)"
        VALUE="CLICK"
        STYLE="display:none; top:300; left:200"
    >

    <SPAN ID="output"></SPAN>

1 个答案:

答案 0 :(得分:0)

我会说这是因为你的超时间隔是60,而单位是毫秒,60毫秒是相当快的,难怪它只能工作一次,我会说完成功能正在运行但是抛出错误,因为什么是输出,无法看到任何地方定义的变量