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 图像裁剪插件Jcrop的简单使用
May 22 Javascript
js 页面关闭前的出现提示的实现代码
May 25 Javascript
js显示时间 js显示最后修改时间
Jan 02 Javascript
DOM 高级编程
May 06 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
vue用递归组件写树形控件的实例代码
Jul 19 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
基于Element封装一个表格组件tableList的使用方法
Jun 29 Javascript
vue使用echarts实现水平柱形图实例
Sep 09 Javascript
微信小程序实现拼图小游戏
Oct 22 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
php实现快速排序的三种方法分享
2014/03/12 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
jquery对表单操作2
2011/04/06 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
详解vue组件通信的三种方式
2017/06/30 Javascript
十个免费的web前端开发工具详细整理
2017/09/18 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
详解Vue中组件传值的多重实现方式
2019/08/16 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
python实现静态服务器
2019/09/05 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
阿里旅行:飞猪
2017/01/05 全球购物
全球度假村:Club Med
2017/11/27 全球购物
秋季婚礼证婚词
2014/01/11 职场文书
公务员政审单位鉴定材料
2014/05/16 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
语文复习计划
2015/01/19 职场文书
长城的导游词
2015/01/30 职场文书
安全生产会议制度
2015/08/06 职场文书
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python
Python使用pyecharts控件绘制图表
2022/06/05 Python