JavaScript动态添加/删除div

我想动态创建多个div。每一个都应该在设定的时间后移除自己。我有创建div和coutdown time的函数。我不知道如何把它连接起来。还有一个问题，如何管理动态添加元素的ID

函数creatediv（e）
{
ward=document.createElement（'div'）；
ward.className=“动态”；
ward.id=id；
id++；
ward.style.pixelLeft=mouseX（e）；
ward.style.pixelTop=mouseY（e）；
文件。尸体。附肢儿童（病房）；
}
功能计时器（ID、时间）
{
如果（时间>0）
{   
--时间；
s=时间%60；
m=数学下限（（时间%3600）/60）；
var S=document.getElementById（ID）；
S.style.color=“白色”；
document.getElementById（ID）.innerHTML=（（m
function creatediv（e）{
ward=document.createElement（'div'）；
ward.className=“动态”；
ward.id=id；
id++；
ward.style.pixelLeft=mouseX（e）；
ward.style.pixelTop=mouseY（e）；
文件。尸体。附肢儿童（病房）；
计时器（ward.id，您想要的时间）；
}
功能计时器（ID、时间）{
如果（时间>0）{
--时间；
s=时间%60；
m=数学下限（（时间%3600）/60）；
var S=document.getElementById（ID）；
S.style.color=“白色”；
S.innerHTML=（（m<10）？“0”+m:m）+“：”+（（S<10）？“0”+S:S）；
setTimeout（函数（）{
计时器（ID，时间）
}, 1000);
}
否则{
//拆下div。
}
}

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