首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
javascript 年月日联动实现核心代码
Dec 21 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析（详细步骤）
Nov 10 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
JavaScript如何判断对象有某属性
Jul 03 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
Navicat(1) 内置函数(1) commit(1) Tablespace(1) 自定义函数(1) V Rising(1) Android Gradle(1) procedure(1) 记事本(1) maven(2)
You might like
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
php for 循环使用的简单实例
2016/06/02 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示：焕新世界，如你所期
2020/05/29 DOTA
python实现井字棋游戏
2020/03/30 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
python中for用来遍历range函数的方法
2018/06/08 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
手写一个python迭代器过程详解
2019/08/27 Python
PyInstaller将Python文件打包为exe后如何反编译（破解源码）以及防止反编译
2020/04/15 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
Python pip使用超时问题解决方案
2020/08/03 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
CSS3 渐变（Gradients）之CSS3 径向渐变
2016/07/08 HTML / CSS
现在输入n个数字，以逗号，分开；然后可选择升或者降序排序；按提交键就在另一页面显示按什么排序，结果为，提供reset
2012/11/09 面试题
水果超市创业计划书
2014/01/27 职场文书
大学四年个人自我小结
2014/03/05 职场文书
《大禹治水》教学反思
2014/04/27 职场文书
防火标语大全
2014/10/06 职场文书
捐资助学感谢信
2015/01/21 职场文书
简单的辞职信范文（2016最新版）
2015/05/12 职场文书
党员转正意见怎么写
2015/06/03 职场文书
python 进阶学习之python装饰器小结
2021/09/04 Python