苏宁易购倒计时加封装js

 苏宁易购倒计时

1.首先写一个倒计时框,布局我就不去写了有问题可以提问给大家解释

 

window.οnlοad=function(){

            var oBox=document.getElementsClassName('box');

            var oS=document.getElementsTagName('span')[0];

            var oP=document.getElementsTagName('p')[0];

             var timer=null;

             var timer2=null;

              var s=6;        //这6秒是页面文档里面的值

           timer=setInterval(function{

           s--

           if(s==0){

             clearInterval(timer); //清除定时器

             oS.className='start'   //调用css里面的class提前准备好的

             oS.innerHTML='正在拍卖'

            var h=3;

            timer2=setInterval(function){

               h--

                if(h==0){

                  clearInnerval(timer2);

                  oS.className='end'

                  oS.innerHTML='拍卖结束'

               }

             oP.innerHTML=h;

      }

         }

          oP.innerHTML=s;      //赋值

   },1000); 

};

第二部来实现多个 这样的倒计时框 就是咱们的封装

布局写下吧！

   

•           即将开始

              

  5

     

 

    

•           即将开始

              

  5

     

   

•           即将开始

              

  5

     

   

•           即将开始

              

  5