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

    <div class="time-item">
               <strong id="minute_show">02</strong>
               <strong id="">:</strong>
              <strong id="second_show">00</strong>
      </div>

    //        倒计时
            var intDiff = parseInt(120);//倒计时总秒数量
                function timer(intDiff){
                    window.setInterval(function(){
                    var day=0,
                        hour=0,
                        minute=0,
                        second=0;//时间默认值        
                    if(intDiff > 0){
                        day = Math.floor(intDiff / (60 * 60 * 24));
                        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                    }
                    if (minute <= 9) minute = '0' + minute;
                    if (second <= 9) second = '0' + second;
                    $('#minute_show').html('<s></s>'+minute);
                    $('#second_show').html('<s></s>'+second);
                    intDiff--;
                    if(intDiff==0){
                        $(".receive_number01").hide();
                         $(".receive_number02").show();
                         $("#failed_otp_clock").show();
                    }
                    
                    }, 1000);
                    
                }
                $(function(){
                    timer(intDiff);
                });
               

  • 相关阅读:
    luoguP5162 WD与积木
    maven学习7 settings.xml解析
    mybatis 学习六 MyBatis主配置文件
    mybatis 学习五 动态SQL语句
    mybatis 学习四(下) SQL语句映射文件增删改查、参数、缓存
    mybatis 学习四 (上)resutlMap
    mybatis 学习三 关键文件解析
    spring 学习二 @RequestMapping
    Spring 学习一 @Autowired
    mybatis 学习二 MyBatis简介与配置MyBatis+Spring+MySql
  • 原文地址:https://www.cnblogs.com/gxywb/p/9836383.html
Copyright © 2011-2022 走看看