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
Feb 25 Javascript
有趣的javascript数组定义方法
Sep 10 Javascript
window.ActiveXObject使用说明
Nov 08 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
javascript函数重载解决方案分享
Feb 19 Javascript
Javascript中的async awai的用法
May 17 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
Jul 02 Javascript
浅析从vue源码看观察者模式
Jan 29 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
微信小程序实现轮播图指示器
Jun 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
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
PHP5.5安装PHPRedis扩展及连接测试方法
2017/01/22 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
Django视图扩展类知识点详解
2019/10/25 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
Django多个app urls配置代码实例
2020/11/26 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
土木工程应届生自荐信
2013/09/24 职场文书
外企财务年会演讲稿
2014/01/03 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
法律意见书范文
2015/05/20 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers