[英]Display DIV when javascript/jquery condition is met (jsFiddle link included)
當“休息”時間倒數時鍾達到10時,我希望“休息” div顯示並顯示在“顯示” div上,從而導致“顯示” div被覆蓋。 當休息時間達到5時,我希望隱藏“休息” div,使“顯示” div重新出現。
http://jsfiddle.net/n2learning/9FPG8/2/
DK,任何幫助都會很棒
小提琴沒精打采。 http://jsfiddle.net/9FPG8/11/
CSS
#rest.onTop {
position:absolute;
top:0;
left:0;
}
JS
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;
}
我也解決了這個問題。 div的位置必須設置為絕對值,並且“ display” div的位置也要使用JavaScript進行計數。
這是我更新的解決方案 。 我還使用高朗的解決方案簡化了代碼:
function countdown(element, minutes, seconds) {
...
var eld = document.getElementById('display');
var eldp = getElementPosition(eld);
if(time == 10){
el.style.top = eldp.top+'px';
el.style.left = eldp.left+'px';
el.style.position = 'absolute';
} else if (time == 5){
el.style.display='none';
}
...
function getElementPosition(Elem) {
var offsetLeft = 0, offsetTop = 0;
do {
if ( !isNaN( Elem.offsetLeft ) ) {
offsetLeft += Elem.offsetLeft;
offsetTop += Elem.offsetTop;
}
} while( Elem = Elem.offsetParent );
return {top: offsetTop, left: offsetLeft };
}
元素位置的測量從這里開始 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.