倒计时 

html部分
1 <span title="23769" class="retain-time"></span>

js部分 
1 function sessionTimeout() {
 2         // 促销倒计时
 3         var minutes;
 4         if( document.getElementsByClassName('retain-time') ){
 5             var retainTimes=document.getElementsByClassName('retain-time');      
 6             for(var i=0;i<retainTimes.length;i++){
 7                 minutes = parseInt(retainTimes[i].getAttribute("title"));
 8                 minutes = minutes - 1;
 9                 var h= parseInt(minutes / 3600);
10                 if(h.toString().length<2){
11                     h="0"+h;
12                 };
13                 var s = parseInt((minutes - h * 3600) / 60);
14                 if(s.toString().length<2){
15                     s="0"+s;
16                 };
17                 var m = minutes - (h * 3600 + s * 60);
18                 if(m.toString().length<2){
19                     m="0"+m;
20                 };
21                 retainTimes[i].innerHTML= h + ":" + s+":"+m ;
22                 retainTimes[i].setAttribute("title",minutes.toString());
23                 if (minutes <= 0) {
24                     alert("促销已经结束，请参加其他活动");
25                     clearInterval(time);
26                 }
27             }
28         }
29     }
30     var time=setInterval(sessionTimeout,1000);
31     window.setInterval(time);

 

posted on 2017-11-30 16:40  李西  阅读(142)  评论(0)    收藏  举报