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 相关文章推荐
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
Jun 26 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
Sep 02 Javascript
使用JavaScript和C#中获得referer
Nov 14 Javascript
jQuery实现径向动画菜单效果
Jul 17 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
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中对2个数组相加的函数
2011/06/24 PHP
PHP修改session_id示例代码
2014/01/08 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
JS操作Cookie写入和读取实例代码
2013/10/20 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
node.js中的fs.readlink方法使用说明
2014/12/17 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python微信公众号开发简单流程实现
2020/03/09 Python
python 实现汉诺塔游戏
2020/11/28 Python
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
物流管理专业大学生自荐信
2013/10/04 职场文书
毕业生造价工程师求职信
2013/10/17 职场文书
学校介绍信范文
2014/01/14 职场文书
仓管岗位职责范本
2014/02/08 职场文书
2014最新离职证明范本
2014/09/12 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
致接力运动员加油稿
2015/07/21 职场文书