zoukankan      html  css  js  c++  java
  • Javascript倒计时

    倒计时跳转页面:

    <title>JS倒计时网页自动跳转代码</title>  
    <script language="JavaScript" type="text/javascript">
     function delayURL(url) {
      var delay = document.getElementById("time").innerHTML;//最好加个parseInt
      if(delay > 0) {
        delay--;
        document.getElementById("time").innerHTML = delay;
      } else {
       window.top.location.href = url;
      }
      setTimeout("delayURL('" + url + "')", 1000);
     }
    </script>
    <span id="time" style="background: #00BFFF">3</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.jb51.net">我的百度</a>
    <script type="text/javascript">
    delayURL("http://www.jb51.net");
    </script>

    注意:

    setTimeout("delayURL('" + url + "')", 1000);

    delayURL后面一定要加单引号,否则报错。
    我们这里的url为一个字符串.

    小时倒计时:
    <SCRIPT LANGUAGE="JavaScript">    
    <!--    
    var maxtime = 60*60 //一个小时,按秒计算,自己调整!    
    function CountDown(){    
    if(maxtime>=0){    
      minutes = Math.floor(maxtime/60);    
      seconds = Math.floor(maxtime%60);    
      msg = "距离结束还有"+minutes+"分"+seconds+"秒";    
      document.all["timer"].innerHTML=msg;    
      if(maxtime == 5*60) alert('注意,还有5分钟!');    
        --maxtime;    
    }    
    else{    
      clearInterval(timer);    
      alert("时间到,结束!");    
    }    
    }    
    timer = setInterval("CountDown()",1000);    
    //-->    
    </SCRIPT>    
    <div id="timer" style="color:red"></div>  


    另一种倒计时:
    function count()
    {
        var startTime=new Date();
        var endTime=startTime.getTime()+5*60*1000;
        function remainTime()
        {
            var nowTime=new Date();
            var nMS=endTime-nowTime.getTime();
            var nM=Math.floor(nMS/(60*1000));
            var nS=Math.floor((nMS/1000))%60;
            if(nM==0 && nS==0)
            {
                alert("结束");
            }
        if(nS < 10) nS = "0" + nS;
    if(nMS>=0) { document.getElementById("timer").innerHTML=nM+"分"+nS+"秒"; setTimeout(remainTime,1000); } } remainTime(); }

    我们每次都会求出

    当前时间与规定到期时间差值,单位为秒。

    然后将秒转化为几分几秒。

    网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“××年还剩××天××时××分××秒”
    <body>
    <input type="text" value="" id="input" size="1000"/>
    <script type="text/javascript">
    function counter() {
    var date = new Date();
    var year = date.getFullYear();
    var date2 = new Date(year, 12, 31, 23, 59, 59);
    var time = (date2 - date)/1000;
    var day =Math.floor(time/(24*60*60)) var hour = Math.floor(time%(24*60*60)/(60*60)) var minute = Math.floor(time%(24*60*60)%(60*60)/60); var second = Math.floor(time%(24*60*60)%(60*60)%60); var str = year + "年还剩"+day+"天"+hour+"时"+minute+"分"+second+"秒"; document.getElementById("input").value = str; } window.setInterval("counter()", 1000); </script> </body> </html>
    getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 1 3
    getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 1 3
    getMonth() 从 Date 对象返回月份 (0 ~ 11)。 1 3
    getFullYear() 从 Date 对象以四位数字返回年份。 1 4
    getYear() 请使用 getFullYear() 方法代替。 1 3
    getHours() 返回 Date 对象的小时 (0 ~ 23)。 1 3
    getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 1 3
    getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 1 3
    getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 1 4
    getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

    只有getDate()是从1开始。

    参考:

    http://www.52jscn.com/web/2013/09/6416.shtml

    更多:

    http://blog.csdn.net/damys/article/details/8528439

  • 相关阅读:
    org.springframework.context.event.AbstractApplicationEventMulticaster
    40. Testing Prev Part IV. Spring Boot features
    nginx+redis 实现 jsp页面缓存,提升系统吞吐率
    SpringDataRedis事务 专题
    cat监控平台环境搭建 专题
    Archive for required library: ‘WebContent/WEB-INF/lib/xxx.jar cannot&n
    m2eclipse简单使用,创建Maven项目 ,运行mvn命令
    如何修改maven默认仓库(即repository)的路径
    MyEclipse2014不支持jre1.8吗
    MyEclipse 2015优化技巧
  • 原文地址:https://www.cnblogs.com/youxin/p/3404126.html
Copyright © 2011-2022 走看看