关闭

js定时和离开当前页面事件

223人阅读 评论(0) 收藏 举报
/*

timeId=window.setTimeout("method()",1000);     window.clearTimeout(timeId);定时执行

timeId=window.setInterval("method()",1000);     window.clearInterval(timeId);循环执行

*/

<script language="javascript" type="text/javascript">
    var tipId;
    var sTime;
    function show()
    {
        sTime = 5;
        tipId = window.setInterval("my()",1000);
    }
    function my()
    {
        if(sTime<0)
        {
            window.clearInterval(tipId);
            document.getElementById("dvMsg").innerText="时间到...";
        }
        else
        {
        document.getElementById("dvTime").innerText=sTime;
        sTime--;
        }
    }
    </script>
</head>
<body>
    <input type="button" onclick="show()" value="启动" />
    <div ><div id="dvTime"></div></div>
    <div id="dvMsg"><a href="http://www.baidu.com/">百度</a></div>
</body>

***************************************************************

离开当前页的事件可以通过在body上注册onblur事件,当离开页面时出发该函数,进行你想要的操作。

var timeId = window.setIntervel("show()",1000);//可以让show()函数每隔一秒执行一次,他有一个返回值,可以通过window.clearIntervel(timeId)终止循环。

var timeId = window.setTimeout("show()",10000;//该条js执行后10秒开始执行show()函数他也可以实现循环效果如下:

function show(){

  if(time<0){

    window.clearTimeout(timeId);//清除定时

  } else {

    timeId = window.setTimeout("show()",10000);

    time--;

  }

}

0
0
查看评论

js离开当前页面时触发的函数

js离开当前页面时触发的函数: window.onbeforeunload=fun() ; function fun(return 'msg';) ; 这样子在浏览器在捕捉到页面即将离开的时候就会弹出提示框,显示msg的内容,询问你确定或者取消 目前三大主流浏览器中firefox和I...
  • iBenxiaohai123
  • iBenxiaohai123
  • 2017-11-10 11:38
  • 377

javascript 监测页面离开事件

javascript 监测页面离开事件
  • zxygww
  • zxygww
  • 2015-07-09 16:10
  • 2432

【JavaScript】离开页面前提示

离开页面前的提示不可以用onunload去做,因为它只是兼容IE,你要兼容Google与FireFox就蛋疼了。 而且这个事件还是关闭之后才会触发的。 取而代之可以用onbeforeunload去实现。 onbeforeunload可以在用户关闭或刷新窗口、或者点击本页内的任何超级链接都会触发...
  • yongh701
  • yongh701
  • 2015-03-18 09:54
  • 2151

js离开页面执行函数 onbeforeunload与onunload事件

在最近的项目中,需要做到一个时间,就是用户离开页面的时候,我需要缓存页面其中一部分的内容,但是我不需要用户刷新的时候也缓存,我只希望在我用户离开的时候执行这个函数。百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的...
  • ityang521
  • ityang521
  • 2017-07-25 15:34
  • 1077

离开页面触发事件onunload、onbeforeunload区别

onunload和onbeforeunload两个事件都是在执行页面刷新、关闭、浏览器关闭时能触发,不过在访问服务器读取新的页面时执行顺序有所不同,并且onunload无法阻止页面的关闭与刷新,onbeforeunload可以做到: onunload是在服务器上已经读取到数据,将要替换当前页面时执行...
  • qq_27739989
  • qq_27739989
  • 2016-04-06 21:51
  • 3106

JavaScript离开页面事件

有时候一些网页,在用户刷新或
  • u013690521
  • u013690521
  • 2014-07-28 11:13
  • 713

vue页面离开后执行函数

destroyed: function () {             console.log("我已经离开了!");      this.doSomething(); ...
  • qq_36390175
  • qq_36390175
  • 2018-01-11 12:05
  • 374

js判断离开页面刷新或关闭的方法

今天在做日新图库的时候遇到个问题,用户上传模块中,上传是用了一个SWFUpload的上传插件,上传是ajax实现   的,假设用户上传了图片,并没有提交图集,而是离开了页面,关闭浏览器或者刷新了页面,服务器上会留下   很多垃圾,在网上找了个js的解决方法,首先判断用户离...
  • jinyeweiyang
  • jinyeweiyang
  • 2014-09-28 11:34
  • 2039

判断是否离开当前页面

第一种 浏览器离开 window.onbeforeunload=function(){  //alert("我监听到了浏览器的返回按钮事件啦"); $.post("{twotree#:U('study_time')}&quo...
  • Zeus_i
  • Zeus_i
  • 2017-08-24 11:30
  • 325

js定时刷新局部页面及动态加载页面后事件处理

最近在做项目的过程中用到了定时刷新页面元素,就类似公交车软件一样,定时读取实时状态,期间遇到了一些奇葩的问题,在此列出供需要的朋友参考,同时也作为本阶段工作的一个小结,具体问题如下: 1. 定时刷新页面 该部分处理有多种方式: 典型的处理有整个页面刷新, 方法一:    方法二:...
  • Tanfuren
  • Tanfuren
  • 2017-03-28 14:38
  • 1190
    个人资料
    • 访问:31635次
    • 积分:746
    • 等级:
    • 排名:千里之外
    • 原创:63篇
    • 转载:11篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论