JavaScript实现倒计时跳转页面功能【实用】


Posted in Javascript onDecember 13, 2016

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。

页面代码简单,直接拷贝就能运行,页面可以自己美化下。

<!--这里定义倒计时开始数值-->
<span id="totalSecond">5</span>
<!--定义js变量及方法-->
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('totalSecond').innerText; 
} else
{
second = document.getElementById('totalSecond').textContent; 
}
setInterval("redirect()", 1000); 
function redirect()
{
if (second < 0)
{
 <!--定义倒计时后跳转页面-->
location.href = 'default.aspx'; 
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--; 
} else
{
document.getElementById('totalSecond').textContent = second--; 
}
}
}
</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
图解JavaScript中的this关键字
May 28 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
js实现简单进度条效果
Mar 25 Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 #Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 #Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 #Javascript
深入理解选择框脚本[推荐]
Dec 13 #Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 #Javascript
Bootstrap modal使用及点击外部不消失的解决方法
Dec 13 #Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 #Javascript
You might like
第1次亲密接触PHP5(1)
2006/10/09 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
PHP调用JAVA的WebService简单实例
2014/03/11 PHP
php获取四位字母和数字的随机数的实现方法
2015/01/09 PHP
jQuery 获取对象 定位子对象
2010/05/31 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
巧用canvas
2017/01/21 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
Python 命令行非阻塞输入的小例子
2013/09/27 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
python 实现绘制整齐的表格
2019/11/18 Python
python实现tail -f 功能
2020/01/17 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
营业员个人总结的自我评价
2013/10/25 职场文书
审计专业自荐信范文
2014/04/21 职场文书
启动仪式策划方案
2014/06/14 职场文书
教师个人自我评价
2015/03/04 职场文书
Pygame Draw绘图函数的具体使用
2021/11/17 Python
Nginx的gzip相关介绍
2022/05/11 Servers