倒計時到期後我可以自動更改圖像源嗎？

Question

倒計時/計時器達到零後，是否可以自動更改圖像源？假設我有2個圖像源 - A和B和一個計時器。如何將圖像源從A更改爲B，當定時器已過期？

<img class="image" src="A"> 
<div class="timer"></div> 

計時器到期：

<img class="image" src="B"> 
<div class="timer">Expired</div> 

Answer 1

可以更改與JavaSript的.src的SRC。

下面是一個例子：

var changeSrc = function() { 
 
    document.getElementById("image").src="http://via.placeholder.com/150x150"; 
 
} 
 

 
var count=10; 
 
var counter=setInterval(timer, 1000); 
 

 
function timer() { 
 
    count=count-1; 
 
    if (count <= 0) { 
 
    clearInterval(counter); 
 
    changeSrc(); 
 
    } 
 
    document.getElementById("timer").innerHTML = count; 
 
}

<img id="image" src="http://via.placeholder.com/350x150"> 
 
<br> 
 
<div>Timer: <span id="timer">10</span></div>