编程 Javascript

js实现浏览器倒计时跳转页面效果

Posted in Javascript onAugust 12, 2016

本文实例为大家分享了js浏览器倒计时跳转页面效果，供大家参考，具体内容如下

效果图：

js实现浏览器倒计时跳转页面效果

<!DOCTYPE html>
<html>
 <head>
 <title>浏览器对象</title> 
 <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> 
 </head>
 <body>
 <H4>操作成功</H4>
 <p>
 <b id="second">5</b>秒后回到主页 <a href="javascript:goBack();">返回</a> 
 </p>
 
<script type="text/javascript"> 
 
 var sec = document.getElementById("second");
 var i = 5;
 var timer = setInterval(function(){
 i--;
 sec.innerHTML = i;
 if(i==1){
  window.location.href = "//3water.com";
 }
 },1000);
 
 function goBack(){ 
 window.history.go(-1);
 } 
 </script> 
 </body>
</html>

更多关于倒计时的文章请查看专题：《倒计时功能》

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

js实现浏览器倒计时跳转页面效果

- Author -

回忆没了焦点

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

Javascript 相关文章推荐

麦鸡的TAB切换功能结合了javascript和css

Dec 17 Javascript

js 获取计算后的样式写法及注意事项

Feb 25 Javascript

对之前写的jquery分页做下升级

Jun 19 Javascript

Javascript实现快速排序（Quicksort）的算法详解

Sep 06 Javascript

详解AngularJS中自定义过滤器

Dec 28 Javascript

理解javascript中的严格模式

Feb 01 Javascript

jQuery中iframe的操作(点击按钮新增窗口)

Apr 20 Javascript

JS对大量数据进行多重过滤的方法

Nov 04 Javascript

简单谈谈axios中的get,post方法

Jun 25 Javascript

electron demo项目npm install安装失败的解决方法

Feb 06 Javascript

p5.js入门教程之小球动画示例代码

Mar 15 Javascript

原生js封装的ajax方法示例

Aug 02 Javascript

javascript实现瀑布流动态加载图片原理

Aug 12 #Javascript

jquery实现垂直和水平菜单导航栏

Aug 27 #Javascript

JS实现图片剪裁并预览效果

Aug 12 #Javascript

JS数组去掉重复数据只保留一条的实现代码

Aug 11 #Javascript

分享JS数组求和与求最大值的方法

Aug 11 #Javascript

利用JavaScript阻止表单提交的两种方法

Aug 11 #Javascript

防止Node.js中错误导致进程阻塞的办法

Aug 11 #Javascript

You might like

php+mysql写的简单留言本实例代码

2008/07/25 PHP

Yii分页用法实例详解

2014/12/04 PHP

阿里云PHP SMS短信服务验证码发送方法

2017/07/11 PHP

javascript比较文档位置

2008/04/08 Javascript

Jquery ui css framework

2010/06/28 Javascript

jquery实现的让超出显示范围外的导航自动固定屏幕最顶上

2011/09/22 Javascript

jquery实现弹出层完美居中效果

2014/03/03 Javascript

javascript实例分享---具有立体效果的图片特效

2014/06/08 Javascript

JQuery判断radio是否选中并获取选中值的示例代码

2014/10/17 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

2015/03/04 Javascript

JS实现的左侧竖向滑动菜单效果代码

2015/10/19 Javascript

jQuery给元素添加样式的方法详解

2015/12/30 Javascript

JavaScript、jQuery与Ajax的关系

2016/01/24 Javascript

jQuery实现表格文本框淡入更改值后淡出效果

2016/09/27 Javascript

本地Bootstrap文件字体图标引入却无法显示问题的解决方法

2020/04/18 Javascript

jQuery使用正则验证15/18身份证的方法示例

2017/04/27 jQuery

前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来

2017/11/14 jQuery

Nuxt.js 数据双向绑定的实现

2019/02/17 Javascript

JavaScript多种页面刷新方法小结

2019/04/04 Javascript

[01:00:14]DOTA2-DPC中国联赛正赛 Ehome vs Elephant BO3 第二场 2月28日

2021/03/11 DOTA

Python实现Const详解

2015/01/27 Python

Python 多进程和数据传递的理解

2017/10/09 Python

把csv文件转化为数组及数组的切片方法

2018/07/04 Python

python占位符输入方式实例

2019/05/27 Python

python 正则表达式参数替换实例详解

2020/01/17 Python

pandas中read_csv、rolling、expanding用法详解

2020/04/21 Python

学生如何注册Pycharm专业版以及pycharm的安装

2020/09/24 Python

Python常用扩展插件使用教程解析

2020/11/02 Python

什么是组件架构

2016/05/15 面试题

介绍一下JNDI的基本概念

2013/07/26 面试题

父亲生日宴会答谢词

2014/01/10 职场文书

卫校毕业生个人自我鉴定

2014/04/28 职场文书

2014年业务工作总结

2014/11/17 职场文书

董事长年会致辞

2015/07/29 职场文书

PyCharm 安装与使用配置教程（windows,mac通用）

2021/05/12 Python

vue 给数组添加新对象并赋值

2022/04/20 Vue.js