[英]Javascript hide div and show another div with simple countdown
有沒有辦法隱藏div使用javascript顯示另一個div?
<div class="div1">"here must show countdown 10 seconds"</div>
<div class="div2">"show this div after countdown"</div>
例如:加載頁面時,div1必須顯示並且它必須具有10秒倒計時。 倒數完成后,隱藏div1並顯示div2
感謝您回答我的問題。
感謝RTPMatt回答了我一次,但是沒有用。
您可以嘗試這樣:
$(function (){
$("#div1").show();
setTimeout(function(){$("#div1").hide(); $("#div2").show();},10*1000)
})
加載dom后,顯示div1
。 然后您啟動一個計時器,該計時器在pulse時隱藏div1
並顯示div2
請嘗試這個
<script language="javascript">
var timeout,interval
var threshold = 10000;
var secondsleft=threshold;
window.onload = function()
{
startschedule();
}
function startChecking()
{
secondsleft-=1000;
document.querySelector(".div1").innerHTML = "Activating in " + Math.abs((secondsleft/1000))+" secs";
if(secondsleft == 0)
{
//document.getElementById("clickme").style.display="";
clearInterval(interval);
document.querySelector(".div1").style.display="none";
document.querySelector(".div2").style.display="";
}
}
function startschedule()
{
clearInterval(interval);
secondsleft=threshold;
document.querySelector(".div1").innerHTML = "Activating in " + Math.abs((secondsleft/1000))+" secs";
interval = setInterval(function()
{
startChecking();
},1000)
}
function resetTimer()
{
startschedule();
}
</script>
<div class="div1">"here must show countdown 10 seconds"</div>
<div class="div2" style="display:none;">"show this div after countdown"</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.