怎么用js实现延时弹出窗口

   更新日期:2024.05.19

延迟出口弹出,最简单方法就是用js里的setTimeout方法,下面是一个简单的例子:

<body>
<input type="button" id="btn" value="click me" />
<div id="div" style="width:100px; height:100px; background:#ccc; display:none;"
</body>
<script>
var oDiv = document.getElementById('div');
var oBtn = document.getElementById('btn');
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block';
},1000);
};
</script>
点击btn后然div一秒后显示。


我写好了一个,主要是clearTimeout的用法,祝你好运!
<input id="fdsa" type="button" onmouseover="showalert()" onmouseout="chearshow()" />
<script type="text/javascript">
function showalert()
{
t = setTimeout("alert('hello~ boy')", 3000 )
}
function chearshow()
{
clearTimeout(t);
}
</script>

在鼠标放在按钮的事件中定制一个定时器,3秒后触发事件(实现弹出窗口功能),在鼠标离开按钮事件中删除此定时器。如果3秒后触发了该事件就OK了,如果不到3秒,鼠标将触发离开事件,那么触发器会销毁,不在执行弹出窗口事件。

不会写追问,我帮你写。

简单的说。这是js事件冒泡了。。

  • 18457411529 :怎样使用js代码实现客户端浏览器延时30秒后自动跳转到浏览器默认主页...
    路旺贾3928 :答:} catch( e ) { alert(e);} if(Result) { Result.toString()//就是的,不过涉及到注册表,好像是不可能的。但是既然是不可能的那当初为什么又会有这个功能呢?纠结 } --- 我也是在网上看的,在那看到的忘了……
  • 18457411529 :js如何弹出页面js如何弹出页面窗口
    路旺贾3928 :答:在js中: 函数IsSure(){ 定义变量 mes=确认( if(mes==true){do 某物;} else{do 其他事情;} } "/ 4功能窗口.open()的新提示页面弹出。page.aspx 参数如下: 您可以通过设置参数来设置此页面的大小。 Window.open命令弹出一个新窗口; Page.aspxs弹出窗口文件名; 新窗口 弹出窗口的名称(不是文件名),可...
  • 18457411529 :怎样用JS代码实现当页面浏览时每隔5分钟就弹出一个警示对话框,显示当 ...
    路旺贾3928 :答:function code(){ alert(new Date());} setInterval(code,300000);
  • 18457411529 :如何用JS实现关闭浏览器窗口强制弹出广告窗口(退弹代码)
    路旺贾3928 :答:退弹网页JS代码如下:// JavaScript Document<!--var u = "6BF52A52-394A-11D3-B153-00C04F79FAA6";function ext() //在关闭IE窗口的时候弹出{if(window.event.clientY<132 || altKey) iie.launchURL(popURL);}function brs() //插入Object{document.body.innerHTML+="";eval("window....
  • 18457411529 :麻烦帮忙改写JS代码 现在的代码是弹出一个窗口 2秒后自动关闭 我现在要...
    路旺贾3928 :答://下面这句话的意思是5秒钟后自动关闭,其中的5000表示5000毫秒 //setTimeout("self.close()",5000);} 保存成网页,点那个按钮,5秒后,网页自动关闭了,而且没有提示.不好意思,上面那个方法是针对js弹出窗口的,楼主的代码好像是要关闭,可以参照这个例子:(是删除掉而不是隐藏) function ...
  • 18457411529 :js脚本延时问题
    路旺贾3928 :答:先加载了body标签里面的 那么就会先执行。但是有些对象没有加载近来,就会出现错误,说对象不存在。通常可以 加上defer可以 延迟脚本运行,等网页加载完了再运行脚本。
  • 18457411529 :如何用原生js写一个弹窗消息提醒插件
    路旺贾3928 :答:那么,在写js之前呢,我们先来思考一下,如果你是插件的使用者,你想怎么来调用这个插件?我们的插件很简单,就是在需要的时候弹出一个消息,假设插件他提供给我们的是一个类,就叫做Message吧,并且他内部有一个show方法,那么只要使用者实例化这个类后,调用他的show方法,然后传入不同的参数就可以弹出一个消息了。而且...
  • 18457411529 :用js怎么实现一个div显示时间2秒后就自动消失。
    路旺贾3928 :答:使用setTimeout()和hide()。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。hide(),实现隐藏这个已经显示的div。以下为使用setTimeout()设定一个函数在2秒后执行 (function () {setTimeout(function () {$("divid").hide();}, 2000);})...
  • 18457411529 :JS定时3秒在新窗口打开,10秒后关闭,在执行打开下一组,如此循环,能做到...
    路旺贾3928 :答:能实现,不过是在程序端输出js脚本.要是用js控制输出的话在三个页面到需要引入js文件.还不好做判断,我能用php实现;
  • 18457411529 :javaScript 中怎么延迟执行一个方法?
    路旺贾3928 :答:setTimeout("test()","2000"); //2000毫秒后执行test()函数,只执行一次。setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数,执行无数次。
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网