脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 倒计时跳转页面

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>

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

您可能感兴趣的文章:

相关文章

  • 开源一个微信小程序仪表盘组件过程解析

    开源一个微信小程序仪表盘组件过程解析

    这篇文章主要介绍了开源一个微信小程序仪表盘组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • CodeReview常见的几个问题梳理解决示例

    CodeReview常见的几个问题梳理解决示例

    这篇文章主要为大家介绍了CodeReview常见的几个问题梳理解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-12-12
  • js微信分享实现代码

    js微信分享实现代码

    这篇文章主要为大家详细介绍了js微信分享的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • 关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案

    关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案

    关于Lodop打印是个很牛逼的打印插件，但是打印Bootstrap的样式的时候就容易错乱，下面通过本文给大家分享下这方面的问题
    2016-12-12
  • javascript搜索自动提示功能的实现

    javascript搜索自动提示功能的实现

    使用 jQuery(Ajax)/PHP/MySQL实现自动完成功我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以及为什么这样做。
    2008-06-06
  • JavaScript 如何计算文本的行数的实现

    JavaScript 如何计算文本的行数的实现

    这篇文章主要介绍了JavaScript 如何计算文本的行数的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • javascript 函数及作用域总结介绍

    javascript 函数及作用域总结介绍

    本文是对javascript在的函数及作用域进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • 详解JS获取HTML DOM元素的8种方法

    详解JS获取HTML DOM元素的8种方法

    本篇文章主要介绍了详解JS获取HTML DOM元素的8种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 什么是JavaScript中的结果值?

    什么是JavaScript中的结果值?

    你知道JavaScript中的结果值是什么吗？这篇文章主要介绍了JavaScript结果值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js通过循环多张图片实现动画效果

    js通过循环多张图片实现动画效果

    这篇文章主要为大家详细介绍了js通过循环多张图片实现动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-12-12

最新评论