当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript实现倒计时跳转页面功能【实用】

JavaScript实现倒计时跳转页面功能【实用】

2019年04月05日  | 移动技术网IT编程  | 我要评论

这里给大家提供一个好用的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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网