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 相关文章推荐
弹出广告特效代码(一个IP只弹出一次)
May 11 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
浅谈vue权限管理实现及流程
Apr 23 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jquery如何实现锚点链接之间的平滑滚动
2013/12/02 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
js+html制作简单验证码
2017/02/16 Javascript
js实现下一页页码效果
2017/03/07 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
jQuery中过滤器的基本用法示例
2017/10/11 jQuery
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
对vux点击事件的优化详解
2018/08/28 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
js里面的变量范围分享
2020/07/18 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
开源Web应用框架Django图文教程
2017/03/09 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
详解Python3 基本数据类型
2019/04/19 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
4s店机修工岗位职责
2013/12/20 职场文书
英文自荐信常用句子
2014/03/26 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
2014年绿化工作总结
2014/12/09 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP