故事博客

故事博客
一个有意思的博客

JS倒计时跳转页面,倒计时多少秒后跳转的写法

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。

页面代码简单,直接拷贝就能运行,页面可以自己美化下。

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>


分享到: 更多()
一段基本可以兼容所有主流浏览器的加入收藏夹和设为首页的js代码(chrome,Firefox,360浏览器等) 一段基本可以兼容所有主流浏览器的加入收藏夹和设为首页的js代码(chrome,Firefox,360浏览器等)
« 上一篇05-16
增强用户体验:JavaScript仿淘宝智能浮动(跟随滚动)增加pv降低跳出率 增强用户体验:JavaScript仿淘宝智能浮动(跟随滚动)增加pv降低跳出率
« 下一篇05-16
无法在这个位置找到: plus/comment.htm