满足javascript/jquery条件时显示DIV（包括JSFIDLE链接）

当“rest”时间倒计时时钟达到10时，我希望“rest”div 在“display”div上显示和显示，使“display”div被覆盖。 当休息时间达到5时，我想隐藏“rest”div，使其成为“display”div 重新出现

任何帮助都会很好， DK

我想已经解决了

拉小提琴。

JS

---

我也解决了这个问题。div位置必须设置为绝对，“display”div的位置也使用javascript进行计数

这是。我还使用gaurang的解决方案简化了代码：

功能倒计时（元素、分、秒）{
...
var eld=document.getElementById（'display'）；
var eldp=getElementPosition（eld）；
如果（时间=10）{
el.style.top=eldp.top+'px'；
el.style.left=eldp.left+'px'；
el.style.position='绝对'；
}否则如果（时间==5）{
el.style.display='none'；
}
...
函数getElementPosition（Elem）{
var offsetLeft=0，offsetTop=0；
做{
如果（！isNaN（元素偏移左））{
offsetLeft+=元素offsetLeft；
offsetTop+=元素offsetTop；
}
}while（Elem=Elem.offsetParent）；
返回{top:offsetTop，left:offsetLeft}；
}

---

元素位置的测量取自。

这太棒了，谢谢！getElementPosition（）考虑到我需要在我的制作应用程序中涵盖的div可能不是top:0和left:0，这将非常有用。感谢Derek，我也对Encoder和Gaurang的解决方案投了赞成票。一些看起来很难的任务也可以变得很简单。：-）谢谢你的解决方案！-谢谢你提交这个。-DK

CSS
    #rest.onTop {
        position:absolute;
        top:0;
        left:0;
    }

 if(time == 10){
              document.getElementById("rest").className="onTop";              
        } else if(time == 5){
             document.getElementById("rest").style.display="none";
        } else if(time == 0) {
            el.innerHTML = "Times up!";    
            clearInterval(interval);
            return;
        }