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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了使用JS函数实现网页标题(title)闪动效果的代码,需要的朋友可以参考下2014-05-05
下面小编就为大家带来一篇正则 js分转元带千分符号详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了uniapp手写滚动选择器的完整代码(时间选择器),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-07-07
showModelessDialog()使用详解...2006-09-09
这篇文章主要介绍了JS实现的对象去重功能,结合实例形式分析了javascript针对json对象的遍历、判断、运算实现去重功能相关操作技巧,需要的朋友可以参考下2019-06-06
javascript改变position值实现菜单滚动至顶部后固定
现在很多网站都有这样的一个效果，当页面滚动到一定高度时，菜单栏会固定在页面顶部;该效果在 ie6 下不支持，因为ie6不支持 position:fixed,效果很不错，感兴趣的朋友可以了解下啊2013-01-01
这篇文章主要介绍了COM组件中调用JavaScript函数详解及实例的相关资料,需要的朋友可以参考下2017-02-02
Layui框架的table.render方法是用于渲染表格的核心功能,通过配置对象定义表格样式、列和数据源,cols数组中的每个对象通过field属性与数据源绑定,指定要显示的数据字段,本文给大家介绍Layui table.render的使用,感兴趣的朋友一起看看吧2024-09-09
这篇文章主要为大家详细介绍了微信小程序自定义复选框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在项目中经常会用到动态加载js,下面这篇文章主要给大家介绍了关于js脚本加载失败问题的解决办法,文中通过实例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下2023-06-06
最新评论