本文目錄一覽:
- 1、用js怎麼實現一個div顯示時間2秒後就自動消失。
- 2、JS里clearTimeout()方法是什麼方法?
- 3、在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函數的含義是什麼?
- 4、js clearTimeout不起作用怎麼回事,關不了那個定時器
- 5、js控制圖層 顯示延遲,clearTimeout 無效
用js怎麼實現一個div顯示時間2秒後就自動消失。
首先,需要一個定時器,可以使用JS中的setTimeout() 方法。
其次,實現DIV消失,有很多種辦法,可以使用$(“#div”).css(‘display’,’none’),通過設置DIV的display屬性為none實現隱藏,也可以使用Jquery中hide()方法實現隱藏,還可以使用remove()移除DIV來實現DIV的消失。
下面是使用css(),setTimeout() 兩個方法實現2秒後自動消失的完整代碼:
擴展資料:
clearTimeout()用於重置js定時器,如果你希望阻止setTimeout的運行,就可以使用clearTimeout方法。
例如,如果想手動點擊按鈕停止DIV消失,代碼可以這樣寫:
!doctype html
html
head
meta charset=”utf-8″
title實現DIV2秒後就自動消失/title
script src=”__JS__/jquery.min.js”/script
/head
body
div id=”div”
這是DIV里的內容
/div
a id=”stop” onclick=”stop()”/點擊停止消失/a
script
var timer;
$(function () {
timer=setTimeout(function () {
$(“#div”).css(‘display’,’none’);
}, 2000);
})
function stop(){
clearTimeout(timer);
}
/script
/body
/html
JS里clearTimeout()方法是什麼方法?
(1)setTimeout()簡單的說就是過多少秒以後調用某個函數
(2)clearTimeout() 清除定時器
在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函數的含義是什麼?
setInterval()是一種定時器,它按照指定的設置時間(以毫秒計)來調用函數的方法。clearInterval()是結束定時器的循環調用函數。除非調用clearInterval()方法,否則無限循環執行回調函數。例如:
var i = 0;//定義一個變量i
var t = setInterval(function(){
if(i === 60){
clearInterval(t);//假如i是60,則清除此定時器,結束循環回調
}else{
i++;
console.log(i);
}
},1000);//設置每1000毫秒(一秒鐘)回調一次函數
setTimeout()同理也是一種定時器,對應的結束定時的方法是clearTimeout()。與setInterval()不同的是,此定時器只執行一次,例如:
var t = setTimeout(function(){
console.log(“OK”);
},1000);//一秒後在控制台輸出字符串”OK”
js clearTimeout不起作用怎麼回事,關不了那個定時器
設置延時器之前先清除下延時器,不然每次事件觸發都會多一個延時器,延時器之間互相干擾,造成紊亂。
oSet.onmouseout=function()
{
clearTimeout(timer) //在這多寫一行清除代碼,其它不變,下面清除延時器代碼也不變
timer=setTimeout(function(){
oSetBar.style.display=’none’;
},3000);
};
題主試一下,應該是這個問題
js控制圖層 顯示延遲,clearTimeout 無效
無任何地方調用jsddm_canceltimer。
既然你closetimer是個數字,你最後讓他等於null,何解?有意義?
你既然想讓他一直顯示 ,jsddm_timer即可,你想鼠標移動到他上面,一直顯示,直到鼠標移開,等5秒再消失,那麼你的onMouseMove就該改為:onMouseOver,試試。
原創文章,作者:OXHVT,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/128030.html