जावास्क्रिप्ट गतिशील रूप से जोड़ा/हटा दिया div

मैं गतिशील रूप से एकाधिक divs बनाना चाहता हूँ। निर्धारित समय के बाद प्रत्येक को खुद को हटा देना चाहिए। मेरे पास divs और coutdown समय बनाने के लिए कार्य हैं। मुझे नहीं पता कि इसे कैसे कनेक्ट करें। और एक और सवाल, गतिशील रूप से जोड़े गए तत्वों के आईडी कैसे प्रबंधित करें?

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;
    }   
}

किसी भी संकेत की बहुत सराहना की है। धन्यवाद

0
जोड़ा संपादित
विचारों: 1

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.
    }
}
0
जोड़ा
बहुत बहुत धन्यवाद। यह काम करता हैं।
जोड़ा लेखक Divh, स्रोत