JS实现n秒后自动跳转的两种方法


Posted in Javascript onNovember 30, 2020

本文实例为大家分享了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程序设计有所帮助。

Javascript 相关文章推荐
JS效率个人经验谈(8-15更新),加入range技巧
Jan 09 Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 Javascript
通过url查找a元素并点击
Apr 09 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
Aug 12 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
js输出数据精确到小数点后n位代码
Jul 02 #Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 #Javascript
JavaScript Ajax编程 应用篇
Jul 02 #Javascript
js跨域资源共享 基础篇
Jul 02 #Javascript
JavaScript数据存储 Cookie篇
Jul 02 #Javascript
JavaScript实现简单的拖动效果
Jul 02 #Javascript
jQuery插件简单学习实例教程
Jul 01 #Javascript
You might like
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
由php if 想到的些问题
2008/03/22 PHP
PHP多例模式介绍
2013/06/24 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
document.getElementById介绍
2011/09/13 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
Vue中的this.$options.data()和this.$data用法说明
2020/07/26 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
Java及python正则表达式详解
2017/12/27 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
若干个Java基础面试题
2015/05/19 面试题
毕业生实习证明
2014/09/19 职场文书
天气温馨提示语
2015/07/14 职场文书
家庭聚会祝酒词
2015/08/11 职场文书
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby