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和C#的异同
May 31 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
vue el-upload上传文件的示例代码
Dec 21 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
我常用的几个类
2006/10/09 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
DEFER怎么用?
2006/07/01 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
js读取配置文件自写
2014/02/11 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
微信小程序 两种为对象属性赋值的方式详解
2017/02/23 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
Python多进程分块读取超大文件的方法
2016/04/13 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
python安装及变量名介绍详解
2020/12/12 Python
完美解决Pycharm中matplotlib画图中文乱码问题
2021/01/11 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
德国婴儿推车和儿童安全座椅商店:BABYSHOP
2016/09/01 全球购物
报关专员求职信范文
2014/02/22 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
幼师大班个人总结
2015/02/13 职场文书
长征观后感
2015/06/09 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
多线程Spring通过@Scheduled实现定时任务
2022/05/25 Java/Android