Question

我在点击提交时尝试调用timedText()函数，而不是调用setTimeout()并用1秒，2秒和3秒替换标记<p>。

<script>
    function timedText()
    { 
        var x=document.getElementById('txt1');

        var t1 = setTimeout(function(){x.innerHTML="1 seconds"},1000);
        var t2 = setTimeout(function(){x.innerHTML="2 seconds"},2000);
        var t3 = setTimeout(function(){x.innerHTML="3 seconds"},3000);

    }
</script>
<p>
    <a href="#">
        Izmeni<p id="txt1"></p>  
    </a>
</p>
<input type="submit" name="answer" value="Postavi" onclick="timedText()"/>

Answer 1

有些事情发生了变化：

将提交按钮更改为标准按钮。提交按钮可能正在重新加载页面，并且从不触发动作。无论哪种方式，都不适合函数调用onclick。
更改了点击html按钮以通过javascript分配。这是现代化的方式，更可靠。
略微清理了html。 p标签位于锚内，这并不理想。这主要是可选的。

<强>的jsfiddle

http://jsfiddle.net/q9Juv/

<强> HTML

<p>
    <a href="#">Izmeni</a>
    <p id="txt1"></p>  
</p>
<input type="button" id="button" name="answer" value="Postavi" />

<强> JS

 function timedText(){ 
     var x=document.getElementById('txt1');
     var t1=setTimeout(function(){x.innerHTML="1 seconds"},1000);
     var t2=setTimeout(function(){x.innerHTML="2 seconds"},2000);
     var t3=setTimeout(function(){x.innerHTML="3 seconds"},3000);
}

document.getElementById('button').addEventListener('click',timedText);

Answer 2

这是因为提交按钮正在提交页面。

就个人而言，我喜欢使用<button onclick="dosomething()">Click me!</button>。但是有些浏览器也把它视为提交按钮...所以请确保你在事件处理程序中return false;（即。onclick="dosomething(); return false;"）

Answer 3

也许这会帮助您更清楚地看待事物（希望如此）：

<p><a href="#">Izmeni<p id="txt1"></p></a></p>
<input type="submit" name="answer" value="Postavi" onclick="StartTimer(3)"/>

<script type="text/javascript">
    var timerId = null;
    var element = document.getElementById("txt1");
    function StartTimer(numOfSeconds)
    {
        element.innerHTML = String(numOfSeconds)+" seconds";
        timerId = setInterval(TimerIsr,1000);
    }
    function StopTimer()
    {
        clearInterval(timerId);
        element.innerHTML = "";
    }
    function TimerIsr()
    {
        var numOfSeconds = Number(element.innerHTML.split(" ")[0]);
        if (numOfSeconds > 2)
            element.innerHTML = String(numOfSeconds-1)+" seconds";
        else if (numOfSeconds == 2)
            element.innerHTML = "1 second";
        else
            StopTimer();
    }
</script>

onclick submit不能使用setTimeout和document.getElementById调用JavaScript函数

3 个答案: