JavaScript動態添加/刪除div

Question

我想動態創建多個div。每個人都應該在設定的時間後自行移除。我有創建div和coutdown時間的功能。我不知道如何將它連接在一起。還有一個問題，如何管理動態添加元素的ID？

function creatediv(e) 
{ 
    ward = document.createElement('div'); 
    ward.className="dynamic"; 
    ward.id = id; 
    id++; 
    ward.style.pixelLeft = mouseX(e); 
    ward.style.pixelTop = mouseY(e); 
    document.body.appendChild(ward);  
} 

function timer(ID, time) 
{ 
    if(time > 0) 
    { 
     --time; 
     s=time%60; 
     m=Math.floor((time%3600)/60); 
     var S = document.getElementById(ID); 
     S.style.color = "white"; 
     document.getElementById(ID).innerHTML =((m<10)?"0"+m:m)+":"+((s<10)?"0"+s:s);  
     setTimeout(function() {timer(ID,time)}, 1000);  
    } 
    if(time == 0) 
    { 
     return true; 
    } 
} 

任何提示都非常感謝。 謝謝

Answer 1

function creatediv(e) { 
    ward = document.createElement('div'); 
    ward.className = "dynamic"; 
    ward.id = id; 
    id++; 
    ward.style.pixelLeft = mouseX(e); 
    ward.style.pixelTop = mouseY(e); 
    document.body.appendChild(ward); 
    timer(ward.id, THE_TIME_YOU_WANT); 
} 

function timer(ID, time) { 
    if (time > 0) { 
     --time; 
     s = time % 60; 
     m = Math.floor((time % 3600)/60); 
     var S = document.getElementById(ID); 
     S.style.color = "white"; 
     S.innerHTML = ((m < 10) ? "0" + m : m) + ":" + ((s < 10) ? "0" + s : s); 
     setTimeout(function() { 
      timer(ID, time) 
     }, 1000); 
    } 
    else { 
     // remove the div. 
    } 
}