首页前端开发JavaScriptjavascript如何定时自动关闭页面

javascript如何定时自动关闭页面

时间2024-01-29 20:05:03发布访客分类JavaScript浏览417
导读:收集整理的这篇文章主要介绍了javascript如何定时自动关闭页面,觉得挺不错的,现在分享给大家,也给大家做个参考。方法:1、使用setTimeout方法,语法“setTimeout(要执行的代码,等待的毫秒数 ”;2、使用setInte...
收集整理的这篇文章主要介绍了javascript如何定时自动关闭页面,觉得挺不错的,现在分享给大家,也给大家做个参考。

方法:1、使用setTimeout方法,语法“setTimeout(要执行的代码,等待的毫秒数)”;2、使用setInterval方法,语法“setInterval(要调用的函数,调用函数之间的时间间隔)”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

废话不多说了,直接给大家贴代码了。

//js 定时关闭窗口(ie和FF中测试过)//6秒后自动关闭当前窗口setTimeout("window.oPEner=null;
    window.close()",6000);
    

下面给大家介绍下javascript定时器使用

使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果,分别是

window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。 它们的原型如下: window.setTimeout(exPression,milliseconds); window.setInterval(exPRession,milliseconds); 其中expression可以是字符串,也可以是函数名。是字符串的时候可以带参数,函数名不能带参数,如果带上参数就直接执行函数了,不会延时。

function hello (){
     console.LOG('I am dada');
     //alert('I am ' + name);
    //setTimeout(arguments.callee,2000);
 }
     setTimeout(hello,5000);
    //5秒后执行 setTimeout('hello()',3000);
    //3秒后执行setTimeout(hello(),8000);
    //立刻执行

第一种情况是函数名,但是带不了参数

第二种情况是字符串,可执行的js代码,可以带参数,但是性能上比函数名差

第三种是调用函数,直接执行

所以如果想要穿参数,但是又不想通过字符串的形式调用,可以自己来写一个方法:

function _hello(_name){
 return function(){
     hello2(_name);
 }
 }
     setTimeout(_hello(name),7000);
    //立刻执行

一、setTimeout

setTimeout(function(){
//要执行的代码 }
    ,200);
    

指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行

二、setInterval

1、上面代码是指每隔200ms就创建一个执行代码的定时器

2、当使用setInterval时,仅当(在队列中)没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中,引用JavaScript高级程序设计第二版书中语句(即:当前一个定时器代码执行时,紧跟后面的第一个定时器代码将添加到队列中,等待执行,再后面的定时器代码不会添加到队列中)

用setInterval来执行反复的行为的时候会遇到一个问题:

当定时器代码执行时间(假如需要600ms才执行完)超过指定间隔(这里是200ms),那么某些定时器代码就会被跳过(即后面的定时器代码不会被添加到队列中),前一个定时器代码执行完毕后,队列中的定时器代码立刻执行,各定时器之间的代码执行没有间隔。这时,需要使用链式setTimeout。

这样做的好处是:前一个定时器要执行的代码执行完且等待200ms后,才创建一个新的定时器,并把定时器代码添加到队列中执行即:不会出现定时器代码被跳过的情况; 定时器之间的代码执行可以有间隔(根据自己设置)。

setTimeout(function(){
    //要执行的代码 setTimeout(arguments.callee,2000);
 }
    ,2000);
setInterval(function(){
//要执行的代码 }
    ,200);
    

【推荐学习:javascript高级教程】

以上就是javascript如何定时自动关闭页面的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

js

若转载请注明出处: javascript如何定时自动关闭页面
本文地址: https://pptw.com/jishu/591537.html
javascript中window.close如何不提示弹窗 聊聊JavaScript中的可选 (?.)操作符

游客 回复需填写必要信息