Question

.ddd

使用Javascript -

<html>    
<head>    
    <title>Countdown Timer</title>    
</head>
<body>
 <label for="timer"><abbr title="Countdown">Cdown</abbr></label>    
 <input id="timer" value=""/>   
 <button id="timer" onclick="countdown(-1)">Start </button>
</body>
<script type="text/javascript" src="script.js"></script>
</html>

倒数计时器根本不启动。任何人都可以帮我弄清楚为什么我的代码不起作用？

Answer 1

因为您对按钮和输入标记使用相同的ID：）将您的按钮ID更改为其他名称。

Answer 2

你给默认值输入字段否则它将获得NaN(Not a Number) HopeFully它将对你有用此ID也是唯一不与其他元素重复的内容也是InnerHtml没有给你值的价值你必须使用.value

 <html>    
    <head>    
        <title>Countdown Timer</title>    
    </head>
    <body>
     <label for="timer"><abbr title="Countdown">Cdown</abbr></label>    
     <input id="timer" value="20"/>   
     <button id="buttontimer" onclick="countdown(-1)">Start </button>
    </body>
    <script type="text/javascript" src="script.js"></script>
    </html>

使用Javascript -

  function countdown(val){  
   var number =document.getElementById("timer").value;    
   //setInterval(function(){ alert("Hello"); }, 3000);
   var interval = setInterval(function()    
 {

    number = parseInt(number)+val;
    document.getElementById("timer").value =     number;

    if (number == 0)    
    clearInterval(interval);

}, 1000);
}

Id应该是唯一的它认为id是按钮未输入使用不同的Id For按钮

Javascript倒计时器根本没有启动

2 个答案: