文档章节

js代码实现计时跳转

lemos
 lemos
发布于 2016/11/18 19:45
字数 251
阅读 12
收藏 0

setTimeout() 函数本身是异步的,理论上不会阻塞当前线程往下运行(这并不表示setTime() 中函数的执行不会对当前线程造成影响)。跟其并排的其他 setTimeout() 函数会异步执行,setTimeout() 中的函数会在设定好的延迟执行。

计时跳转

setTimeout(function () {
  window.location.href = "/";
},3000)

重复执行(内部setTimeout() 调用好几次,外部的setTimeout() 只调用一次。

setTimeout(function() {
   setTimeout(arguments.callee,interval);
  //需要3秒种执行一次的代码
},interval);

内部的 setTimeout() 获取当前执行的匿名函数,并每隔 interval时间,执行所在函数的代码块。3s -- 3s  --3s ....

定义一个匿名函数(实际上是一个函数表达式),并立即调用这个匿名函数。

(function () {
            if (interval > 0) {
                setTimeout(arguments.callee, 1000);
                $('em').text(interval);
                interval--;
            }

        })();

最后的代码是这个

 (function () {
            if (interval > 0) {
                setTimeout(arguments.callee, 1000);
                $('em').text(interval);
                interval--;
            } else {
                window.location.href = "/";
            }
        })();

或者多计时1秒

setTimeout(function () {
            if (interval > 0) {
                setTimeout(arguments.callee, 1000);
                $('em').text(interval);
                interval--;
            } else {
                window.location.href = "/";
            }
        }, 1000);

 

本文转载自:http://www.cnblogs.com/lemos/p/6077290.html

共有 人打赏支持
lemos
粉丝 6
博文 178
码字总数 90986
作品 0
芜湖
后端工程师
iOS与JS交互之WKWebView-协议拦截

级别:★★☆☆☆ 标签:「iOS与JS交互」「WKWebView与JS交互」「WKWebView拦截协议」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),J...

QiShare
09/01
0
0
页面定时跳转(倒计时跳转)代码总结

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 1 <script type="text/javascript"> 2 //3秒钟之后跳转到指定的页面 3 setTimeout(window.location.href='www.baidu.com...

coat
2013/07/24
0
0
jquery mobile 页面跳转方法

如果使用JavaScript代码切换当前显示的页面,可以调用jQuery Mobile中的changePage()方法。该方法可以设置跳转页面的URL地址、跳转时的动画效果和需要携带的数据,接下来通过一个简单的实例详...

李佳顺
2013/05/22
0
3
Javascript实现页面跳转的几种方式分享

这篇文章介绍了Javascript实现页面跳转的几种方式,有需要的朋友可以参考一 下 - 第一种: 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.hre...

夏日晚晴天
2013/10/26
0
2
百度插件uaredirect.js电脑版跳转到手机版网站

一、介绍 这段时间,有好多朋友问我,跳转到手机版的那个JS是怎么写的。其实这个JS也不是我写的,是百度siteapp下的一款跳转的产品,使用起来很方便。你可以用这款JS跳转到手机版,也可以跳转...

lovethe51cto
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

打包QML程序

1、windeployqt执行路径(D:\Qt\5.12.0\msvc2017_64\bin)加入到PATH中 2、使用Qt自带的命令行交互 Command 终端(Qt 5.12.0 64-bit for Desktop (MSVC 2017))切换到 Release 编译成功的exe...

渣渣曦
24分钟前
0
0
优秀互联网高级测试工程师应该具备的能力

概述 在之前写的互联网高级测试工程师至少具备的能力一文中,提到了测试工程师至少具备的能力,但是并没有提到优秀测试工程师应该具备的能力,下文简单的谈一谈。当然这些全部都是我的个人理...

Sam哥哥聊技术
28分钟前
1
0
webpack项目配置

前端工程化 前端工程化是根据业务特点,将前端开发流程规范化,标准化,它包括了开发流程、技术选型、代码规范、构建发布等等,用语提升前端工程师的开发效率和代码质量。 自动化构建工具 1、...

羊皮卷
30分钟前
0
0
Linux命令备忘录: jobs 显示Linux中的任务列表及任务状态命令

jobs命令用于显示Linux中的任务列表及任务状态,包括后台运行的任务。该命令可以显示任务号及其对应的进程号。其中,任务号是以普通用户的角度进行的,而进程号则是从系统管理员的角度来看的...

开元中国2015
今天
3
0
springboot Whitelabel Error Page(Not Found)解决方案

当出现上图图的错误时注意 报错信息 There was an unexpected error (type=Not Found, status=404). Not Found代表未访问到资源 解决方案:比较访问路径和代码的路径有没有写错 正确的访问路...

斩神魂
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部