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 相关文章推荐
利用javascript中的call实现继承
Jan 22 Javascript
JavaScript中九种常用排序算法
Sep 02 Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
Dec 20 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 Javascript
js实现简单商品筛选功能
Feb 02 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
mayfish 数据入库验证代码
2010/04/30 PHP
PHP中header用法小结
2016/05/23 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
Laravel 队列使用的实现
2019/01/08 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
改善用户体验的五款jQuery插件分享
2011/05/22 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
使用js 设置url参数
2013/07/08 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
2018/11/11 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
Vue根据条件添加click事件的方式
2019/11/09 Javascript
python文件和目录操作函数小结
2014/07/11 Python
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
Python3 requests模块如何模仿浏览器及代理
2020/06/15 Python
Python 日期与时间转换的方法
2020/08/01 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
运输服务质量承诺书
2014/03/27 职场文书
先进个人评语大全
2015/01/04 职场文书
学校捐书倡议书
2015/04/27 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
教师培训学习心得体会
2016/01/21 职场文书