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 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
跟我学习javascript的作用域与作用域链
Nov 19 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
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
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
第六篇Bootstrap表格样式介绍
2016/06/21 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
[01:07:34]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第二场 1月9日
2021/03/11 DOTA
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
wxpython绘制音频效果
2019/11/18 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
Python 中如何写注释
2020/08/28 Python
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
数组越界问题
2015/10/21 面试题
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
高中生毕业评语
2014/12/30 职场文书
合理化建议书范文
2015/09/14 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL
javascript实现计算器功能详解流程
2021/11/01 Javascript
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers