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程序设计有所帮助。
相关文章
本文概述了前端和后端实现数据可视化图表的步骤,前端部分涉及引入文件、设置盒子、发送请求等,最终通过ECharts初始化图形,后端则包括定义VO类、处理mapper和业务逻辑等,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了JavaScript实现常用二级省市级联下拉列表的方法,实例分析了javascript实现级联下拉列表的技巧与相关的元素操作方法,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了多种方式实现js图片预览,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
我们在调试过程使用的工具有：modheader,postman等，但这些工具都会存在的问题：缺少客户端里相应的设备信息；即使将cookie信息复制出来，也是存在过期的问题；多个设备之间切换时不方便；针对这些存在的问题，我基于websocket双向通信的特点，实现了多端桥接管理平台2021-05-05
async-validator 是一个异步验证的库，需要传入要验证的数据和验证规则 ,下面通过本文给大家介绍Async Validator 异步验证使用说明，需要的的朋友参考下吧2017-07-07
JavaScript自定义localStorage监听事件的解决方法
在项目开发过程中,发现有很多时候进行localStorage.setItem()操作设置本地存储后,页面必须刷新才能够获取到存储数据,为了解决这个问题,就必须要用到自定义localStorage监听事件了,所以本文给大家介绍了自定义localStorage监听事件,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了js判断当前时区TimeZone是否是夏令时的方法,需要的朋友可以参考下2014-02-02
JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9！做网页有时候会用到JS检测IE的版本，下面是检测Microsoft Internet Explorer版本的三种代码2013-08-08
这篇文章主要介绍了js获取会话框prompt的返回值的方法,通过一个简单的密码判断实例分析了js获取会话框prompt返回值的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
这篇文章主要介绍了JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别,非常不错，需要的朋友可以参考下2016-08-08
最新评论