zoukankan      html  css  js  c++  java
  • 京东秒杀倒计时效果

    /*倒计时效果*/
    function timeBack(){
        /*1.获取用于展示时间的span*/
        var spans=document.querySelector(".jd_sk_time").querySelectorAll("span");
        /*2.设置初始的倒计时时间,以秒做为单位*/
        var totalTime=3700; //1*60*60   3700%3600=100 /60
        /*3.开启定时器*/
        var timerId=setInterval(function(){
            totalTime--;
            /*判断倒计时时间是否已经完成*/
            if(totalTime < 0){
                /*清除时钟*/
                clearInterval(timerId);
                return;
            }
            /*得到剩余时间中的  时  分  秒*/
            /*获取时*/
            var hour=Math.floor(totalTime/3600);
    		
            /*获取分*/
            var minute=Math.floor(totalTime%3600/60);
    		
            /*获取秒*/
            var second=Math.floor(totalTime%60);
            /*赋值,将时间填充到span中  12*/
            spans[0].innerHTML=Math.floor(hour/10);
            spans[1].innerHTML=Math.floor(hour%10);
    
            spans[3].innerHTML=Math.floor(minute/10);
            spans[4].innerHTML=Math.floor(minute%10);
    
            spans[6].innerHTML=Math.floor(second/10);
            spans[7].innerHTML=Math.floor(second%10);
        },1000);
    }
    
  • 相关阅读:
    【SpringBoot】SpringBoot中请求路径问题
    CodeForces
    CodeForces
    7-36 旅游规划 (25 分(Dijkstra)
    CodeForces
    CodeForces
    CodeForces
    CodeForces
    CodeForces
    CodeForces
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12633413.html
Copyright © 2011-2022 走看看