本文目录一览:
- 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,试试。