zoukankan      html  css  js  c++  java
  • js倒计时代码 适合于促销-倒计时代码

    <div class="tiem_price clearfix fonts" style="margin-top:15px;">  
      <div class="clockContainer clockContainer1 fl relative" id="38zhe"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>  
      <div class="youhuiPrice relative fr">原价:3800元/次</div>  
    </div> 
    

     

    <script>  
        $(function(){   
            countDown("2016/3/3  12:00:00","#38zhe");   
            countDown("2016/3/31 12:00:00","#0tuo");   
        });   
    </script> 
    js 方法
    function countDown(time,id){
    var day_elem=$(id).find('.day');
    var hour_elem=$(id).find('.hour');
    var minute_elem=$(id).find('.minute');
    var second_elem=$(id).find('.second');
    var end_time = new Date(time).getTime();
    var sys_second = (end_time-new Date().getTime())/1000;
    var timer = setInterval(function(){
    if(sys_second>1) {
    sys_second-=1;
    var day=Math.floor((sys_second/3600)/24);
    var hour=Math.floor((sys_second/3600)%24);
    var minute=Math.floor((sys_second/60)%60);
    var second=Math.floor(sys_second%60);
    $(day_elem).text(day);
    $(hour_elem).text(hour<10?"0"+hour:hour);
    $(minute_elem).text(minute<10?"0"+minute:minute);
    $(second_elem).text(second<10?"0"+second:second);
    }
    else {
    clearInterval(timer);
    }
    }, 1000);
    }
  • 相关阅读:
    【刷题】LeetCode刷刷刷 — 2021-05-31(2)
    【刷题】LeetCode刷刷刷 — 2021-05-31(1)
    【刷题】LeetCode刷刷刷 — 2021-05-30(2)
    适配器模式
    跨端开发框架各方评价【整合】+思索
    uni-app运行到小程序报错onStreamRead
    序列化
    tkinter---GUI
    tkinter--抽奖
    6位数(字母和数字)验证码
  • 原文地址:https://www.cnblogs.com/xqschool/p/6214190.html
Copyright © 2011-2022 走看看