编程 Javascript

JavaScript实现页面5秒后自动跳转的方法

Posted in Javascript onApril 16, 2015

这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到，感兴趣的朋友可以收藏一下！

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JavaScript控制页面5秒后自动跳转的代码</title>
<script type="text/javascript"> 
function countDown(secs,surl){ 
 //alert(surl); 
 var jumpTo = document.getElementById('jumpTo');
 jumpTo.innerHTML=secs; 
 if(--secs>0){ 
  setTimeout("countDown("+secs+",'"+surl+"')",1000); 
 }
 else
 {  
  location.href=surl; 
 } 
} 
</script>
</head>
<body><span id="jumpTo">5</span>秒后自动跳转到https://3water.com/
<script type="text/javascript">
countDown(5,'https://3water.com/');
</script> 
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

igoo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使弱类型的语言JavaScript变强势

Jun 22 Javascript

JavaScript 构造函数面相对象学习必备知识

Jun 09 Javascript

菜鸟学习JavaScript小实验之函数引用

Nov 17 Javascript

ionic js 模型 $ionicModal 可以遮住用户主界面的内容框

Jun 06 Javascript

JavaScript String(字符串)对象的简单实例(推荐)

Aug 31 Javascript

Node.js使用Express创建Web项目详细教程

Mar 31 Javascript

JavaScript实现三级联动菜单实例代码

Jun 26 Javascript

angular2系列之路由转场动画的示例代码

Nov 09 Javascript

webpack4+express+mongodb+vue实现增删改查的示例

Nov 08 Javascript

layui表单验证select下拉框实现验证的方法

Sep 05 Javascript

详解vue路由

Aug 05 Javascript

vue render函数动态加载img的src路径操作

Oct 26 Javascript

JavaScript实现随机替换图片的方法

Apr 16 #Javascript

jQuery实现在下拉列表选择时获取json数据的方法

Apr 16 #Javascript

jQuery控制元素显示、隐藏、切换、滑动的方法总结

Apr 16 #Javascript

jquery插件bxslider用法实例分析

Apr 16 #Javascript

JQuery显示、隐藏div的几种方法简明总结

Apr 16 #Javascript

JQuery显示隐藏页面元素的方法总结

Apr 16 #Javascript

JQuery显示隐藏DIV的方法及代码实例

Apr 16 #Javascript

You might like

人大复印资料处理程序_输入篇

2006/10/09 PHP

php模拟post行为代码总结(POST方式不是绝对安全）

2012/02/22 PHP

ThinkPHP模板IF标签用法详解

2014/07/01 PHP

ThinkPHP开发框架函数详解：C方法

2015/08/14 PHP

详解PHP中的8个魔术常量

2020/07/06 PHP

JS Timing

2007/04/21 Javascript

asp.net下利用js实现返回上一页的实现方法小集

2009/11/24 Javascript

jquery入门—数据删除与隔行变色以及图片预览

2013/01/07 Javascript

纯Javascript实现Windows 8 Metro风格实现

2013/10/15 Javascript

jQuery中andSelf()方法用法实例

2015/01/08 Javascript

详解JavaScript基于面向对象之创建对象（1）

2015/12/10 Javascript

JavaScript实现图片自动加载的瀑布流效果

2016/04/11 Javascript

JS获取input[file]的值并显示在页面的实现方法

2018/03/09 Javascript

微信小程序日历插件代码实例

2019/12/04 Javascript

如何优雅地取消 JavaScript 异步任务

2020/03/22 Javascript

JS highcharts动态柱状图原理及实现

2020/10/16 Javascript

Python写的Tkinter程序屏幕居中方法

2015/03/10 Python

老生常谈python之鸭子类和多态

2017/06/13 Python

基于python实现从尾到头打印链表

2019/11/02 Python

用python 绘制茎叶图和复合饼图

2021/02/26 Python

Photobook澳大利亚：制作相片书，婚礼卡，旅行相簿

2017/01/12 全球购物

柏林通行证：Berlin Pass

2018/04/11 全球购物

印尼综合在线预订网站：Tiket.com（机票、酒店、火车、租车和娱乐）

2018/10/11 全球购物

中文专业毕业生自荐信

2013/10/28 职场文书

新娘父亲婚礼致辞

2014/01/16 职场文书

重阳节登山活动方案

2014/02/03 职场文书

公司承诺书怎么写

2014/05/24 职场文书

机关干部个人对照检查材料思想汇报

2014/09/28 职场文书

2015年安全生产工作总结范文

2015/04/02 职场文书

2015年学校禁毒工作总结

2015/05/27 职场文书

2016年师德先进个人事迹材料

2016/02/29 职场文书

介绍信应该怎么开？

2019/04/03 职场文书

Mysql忘记密码解决方法

2022/02/12 MySQL

bose降噪耳机音能消除人声吗

2022/04/19 数码科技

Go语言编译原理之源码调试

2022/08/05 Golang

ssh服务器拒绝了密码请再试一次已解决(亲测有效)

2022/08/14 Servers