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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
Koa项目搭建过程详细记录
Apr 12 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
新手快速入门JavaScript装饰者模式与AOP
Jun 24 Javascript
JS实现无限轮播无倒退效果
Sep 21 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字符编码转换之gb2312转为utf8
2013/10/28 PHP
PHP读取大文件的几种方法介绍
2016/10/27 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
range 标准化之获取
2011/08/28 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
Python Socket编程详细介绍
2017/03/23 Python
python3 kmp 字符串匹配的方法
2018/07/07 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
解决Django中多条件查询的问题
2019/07/18 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
canvas如何绘制钟表的方法
2017/12/13 HTML / CSS
为数据库创建索引都需要注意些什么
2012/07/17 面试题
中年人生感言
2014/02/04 职场文书
离婚协议书怎样才有法律效力
2014/10/10 职场文书
中秋晚会致辞
2015/07/31 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
民事纠纷协议书
2016/03/23 职场文书
golang 实现Location跳转方式
2021/05/02 Golang