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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 Javascript
处理canvas绘制图片模糊问题
May 11 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
PHP中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
php文件下载处理方法分析
2015/04/22 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
vue与django集成打包的实现方法
2019/11/11 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
python下载微信公众号相关文章
2019/02/26 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
通过cmd进入python的实例操作
2019/06/26 Python
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
ORACLE第二个十问
2013/12/14 面试题
中专生自我鉴定范文
2013/12/19 职场文书
青年文明号复核材料
2014/02/11 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
财务个人年度总结范文
2015/02/26 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers