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实现仿银行密码输入框效果的代码
Dec 13 Javascript
一个简单的JavaScript 日期计算算法
Sep 11 Javascript
JavaScript操纵窗口的方法小结
Jun 28 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
Node.js实用代码段之正确拼接Buffer
Mar 17 Javascript
js操作DOM--添加、删除节点的简单实例
Jul 08 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
如何基于JS截获动态代码
Dec 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
有关PHP性能优化的介绍
2013/06/20 PHP
PHP关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
php的4种常用运行方式详解
2016/12/22 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
javascript引导程序
2008/10/26 Javascript
类似CSDN图片切换效果脚本
2009/09/17 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
jQuery Mobile 导航栏代码
2013/11/01 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
2016/05/25 Javascript
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
简单介绍Python中的readline()方法的使用
2015/05/24 Python
python如何查看系统网络流量的信息
2016/09/12 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
numpy中实现二维数组按照某列、某行排序的方法
2018/04/04 Python
浅析PHP与Python进行数据交互
2018/05/15 Python
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
学前教育教师求职自荐信
2013/09/22 职场文书
消防应急演练方案
2014/02/12 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
挂职自我鉴定
2014/02/26 职场文书
2014年节能工作总结
2014/12/18 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
车辆管理制度范本
2015/08/05 职场文书
初中班主任工作随笔
2015/08/15 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript