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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
Javascript 跨域访问解决方案
Feb 14 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
javascript中clone对象详解
Dec 03 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
Vue操作Storage本地化存储
Apr 29 Vue.js
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边学边教》(01.开篇――准备工作)
2006/12/13 PHP
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
php实现简单的MVC框架实例
2015/09/23 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
Python文本相似性计算之编辑距离详解
2016/11/28 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
求职毕业生自荐书
2014/02/08 职场文书
社会学专业求职信
2014/02/24 职场文书
2014年教务处工作总结
2014/12/03 职场文书
质量负责人岗位职责
2015/02/15 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
七年级作文之冬景
2019/11/07 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏