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>

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

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

Javascript 相关文章推荐
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
javascript常用方法总结
May 14 Javascript
javascript封装简单实现方法
Aug 11 Javascript
node.js中 stream使用教程
Aug 28 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
Javascript执行流程细节原理解析
May 14 Javascript
javascript实现前端分页效果
Jun 24 Javascript
keep-alive保持组件状态的方法
Dec 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
提问的智慧(2)
2006/10/09 PHP
example2.php
2006/10/09 PHP
php $_SERVER[&quot;REQUEST_URI&quot;]获取值的通用解决方法
2010/06/21 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
react-native DatePicker日期选择组件的实现代码
2017/09/12 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
python实现字符串和日期相互转换的方法
2015/05/13 Python
python的exec、eval使用分析
2017/12/11 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
使用Python搭建虚拟环境的配置方法
2018/02/28 Python
python list转矩阵的实例讲解
2018/08/04 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
django多对多表的创建,级联删除及手动创建第三张表
2019/07/25 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
台湾生鲜宅配:大口市集
2017/10/14 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
绝对经典成功的大学生推荐信
2013/11/08 职场文书
2014旅游局领导班子四风问题对照检查材料思想汇报
2014/09/19 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
工作时间证明
2015/06/15 职场文书
关于运动会的广播稿
2015/08/19 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server