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验证表单中的单选与多选实例
Aug 18 Javascript
jquery 循环显示div的示例代码
Oct 18 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
vue-socket.io跨域问题有效解决方法
Feb 11 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
May 23 Javascript
JS获取当前时间戳方法解析
Aug 29 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
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
php ImageMagick windows下安装教程
2015/01/26 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
js获取页面description的方法
2015/05/21 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
2017/10/26 jQuery
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
Vue项目中如何引入icon图标
2018/03/28 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
Python isinstance函数介绍
2015/04/14 Python
Python实现堆排序的方法详解
2016/05/03 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
python版DDOS攻击脚本
2019/06/12 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
NumPy统计函数的实现方法
2020/01/21 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
Python用类实现扑克牌发牌的示例代码
2020/06/01 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
StubHub德国:购买和出售门票
2017/09/06 全球购物
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
食品安全主题班会
2015/08/13 职场文书
浅谈PHP7中的一些小技巧
2021/05/29 PHP