Question

尝试打开jsfiddle.net/3hjLb/1/，然后点击“试试”等到0然后点击“试试”，看看发生了，

如果你第二次点击“试试”，“0”如何回到10？

Answer 1

尝试在onclick事件中设置计数器值： DEMO

<button onclick="counter = 10;countDown()">Try it</button>

Answer 2

使用“if”条件是一个选项：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title> Bla! </title>
        <script type='text/javascript'>
            var counter = 10;
            function CountDown(obj) {
                if (--counter < 0) counter = 10;
                obj.innerHTML = "counter=" + counter;
            }
        </script>
    </head>
    <body>
        <button onclick='CountDown(this)'> Click to countdown (10) </button>
    </body>
</html>

Answer 3

在调用onclick函数

之前将计数器变量重置为10 像这样

<button onclick="javascript:counter=10; countDown()">Try it</button>

请参阅JS Fiddle

倒计时怎么可以重复？

3 个答案: