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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
如何提高javascript加载速度
Dec 26 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
vue中是怎样监听数组变化的
Oct 24 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 03 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实例代码
2010/04/29 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
Javascript中的数学函数
2007/04/04 Javascript
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
java和js实现的洗牌小程序
2019/09/30 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
Node.JS如何实现JWT原理
2020/09/18 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
python查找第k小元素代码分享
2013/12/18 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
Python cookbook(数据结构与算法)通过公共键对字典列表排序算法示例
2018/03/15 Python
django 外键model的互相读取方法
2018/12/15 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
python zip()函数的使用示例
2020/09/23 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
土木工程专业大学毕业生求职信
2013/10/13 职场文书
学校安全责任书范本
2014/07/23 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB
MySQL主从切换的超详细步骤
2022/06/28 MySQL
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技