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);
                });
               

  • 相关阅读:
    深度分页,不存在的
    netty做客户端实战(二)
    netty服务端实战(一)
    netty做上位机主动同时连接多个下位机时,接受报文报 java.lang.IndexOutOfBoundsException: srcIndex: 0异常错误
    使用线程实现多生产者,多消费者demo
    vscode中vue安装,使用的插件
    实用的RBAC模型
    Springboot+thymeleaf+shiro整合
    Log4j作用
    SpringBoot整合thymeleaf
  • 原文地址:https://www.cnblogs.com/gxywb/p/9836383.html
Copyright © 2011-2022 走看看