如何在這裏getElementsByClassName而不是getElementById？

我想用getElementsByClassName（'timer'）替換下面的簡單倒數計時器getElementById（'倒計時'）的代碼，而不是代碼被破壞。任何想法？如何在這裏getElementsByClassName而不是getElementById？

var seconds = 60; 
 
function secondPassed() { 
 
    var minutes = Math.round((seconds - 30)/60); 
 
    var remainingSeconds = seconds % 60; 
 
    if (remainingSeconds < 10) { 
 
    remainingSeconds = "0" + remainingSeconds; 
 
    } 
 
    document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds; 
 
    if (seconds == 0) { 
 
    clearInterval(countdownTimer); 
 
    document.getElementById('countdown').innerHTML = "Buzz Buzz"; 
 
    } else { 
 
    seconds--; 
 
    } 
 
} 
 

 
var countdownTimer = setInterval('secondPassed()', 1000);

<span id="countdown" class="timer"></span>

來源

2014-09-21 mediaroot

以下是適合您的演示：http://jsfiddle.net/kg6q01ny/ – dfsq 2014-09-21 10:44:14

非常感謝，非常有幫助 – mediaroot 2014-09-21 10:56:06

在這種情況下，可以使用document.getElementsByClassName（「計時器」）[0]代替的getElementById（ '倒計時'）。

來源

2014-09-21 10:47:39 bigonez

document.getElementsByClassName（）將始終返回一個數組，而不是直接返回一個元素。 – bigonez 2014-09-21 10:48:53

你的意思是不推薦使用它？對不起，我是初學者JS .. – mediaroot 2014-09-21 10:57:28

你可以使用任何你想要的格式，如果它可以達到目標的話。 :) – bigonez 2014-09-21 11:18:55

如何在這裏getElementsByClassName而不是getElementById？

回答

相關問題