JS实现n秒后自动跳转的两种方法
更新时间：2020年11月30日 17:22:30 作者：576
这篇文章主要为大家详细介绍了JS实现n秒后自动跳转的两种方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了JS实现n秒后自动跳转的两种方法，供大家参考，具体内容如下
第一种使用SetInterval：
$(function () {
setInterval(ChangeTime, 1000);
});
function ChangeTime() {
var time;
time = $("#time").text();
time = parseInt(time);
time--;
if (time <= 0) {
window.location.href = "/Home/Index";
} else {
$("#time").text(time);
}
}
第二种使用SetTimeout：
$(function () {
setTimeout(ChangeTime, 1000);
});
function ChangeTime() {
var time;
time = $("#time").text();
time = parseInt(time);
time--;
if (time <= 0) {
window.location.href = "/Home/Index";
} else {
$("#time").text(time);
setTimeout(ChangeTime, 1000);
}
}
<div>你访问的页面出现异常,<span id="time">5</span>秒钟自动跳到首页</div>
以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。
相关文章
JS不能跨域，所以这里借助了jquery，真的可以实现获取IP地址,下面是示例代码，需要的朋友可以参考下2014-08-08
下面小编就为大家带来一篇原生js封装添加class,删除class的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
在使用UniApp开发应用时,经常需要实现WebView与UniApp之间的数据交互,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了js验证手机号、密码、短信验证码代码工具类，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了moment.js 时间日期处理详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09![JavaScript 事件监听实例代码[兼容IE,firefox] 含注释](//img.jbzj.com/images/xgimg/bcimg5.png)
JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
JavaScript事件监听完整实例 含注释，非常的不错，大家可以直接使用。2009-08-08
今天小编就为大家分享一篇layui 表单标签的校验方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文将用html，css和JavaScript实现一个简单的便签系统。除非手动清空便签，否则便签会一直保留，非常方便。感兴趣的小伙伴可以跟随小编一起动手试一试2022-02-02
在javascript中随机数 math random如何生成指定范围数值的随机数
本篇文章给大家介绍在javascript中随机数math random如何生成指定范围数值的随机数，由于math.random生成了一个伪随机数，之后还要经过我们的后期处理。对随机数math random感兴趣的朋友一起了解了解吧2015-10-10
JavaScript中的location、history、navigator对象实例介绍
这篇文章主要介绍了JavaScript中的location、history、navigator对象实例介绍,需要的朋友可以参考下2023-05-05
![JavaScript 事件监听实例代码[兼容IE,firefox] 含注释](http://img.jbzj.com/images/xgimg/bcimg5.png)
最新评论