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 目录列举函数
Nov 06 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
Vue项目中如何使用Axios封装http请求详解
Oct 23 Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 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
PHP4实际应用经验篇(4)
2006/10/09 PHP
PHP时间戳使用实例代码
2008/06/07 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
Javascript基础知识(二)事件
2014/09/29 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
Vue实现日历小插件
2019/06/26 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
小程序实现tab标签页
2020/11/16 Javascript
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
python 将Excel转Word的示例
2021/03/02 Python
就业意向书范文
2014/04/01 职场文书
信访工作经验交流材料
2014/05/23 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
慰问信模板
2015/02/14 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
机关工会工作总结2015
2015/05/26 职场文书
导游词之无锡梅园
2019/11/28 职场文书