JavaScript实现倒计时跳转页面功能【实用】
更新时间:2016年12月13日 15:26:47 作者:softwarefang
本文分享了JavaScript实现倒计时跳转页面功能的具体实例代码,页面代码简单,直接拷贝就能运行,页面可以自己美化下哦。需要的朋友一起来看下吧
这里给大家提供一个好用的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实现计算字符串中出现次数最多的字符和出现的次数,本文直接给出实现代码,需要的朋友可以参考下2015-03-03微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
这篇文章主要介绍了微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-05-05
最新评论