站长技术网

首页 > 网页特效 > 日期时间 >

带圈计次模式的jQuery秒表计时器代码

jQuery秒表计时器代码



js代码

<script type="text/javascript"> 
   var currentTime=(+new Date) 
   function numss(a,b){ 
    $(".n"+a).css("background-position",-((b%10)*70)+"px 0px") 
    $(".n"+(a+1)).css("background-position",-(Math.floor(b/10)*70)+"px 0px") 
   } 
   function numsl(b){ 
    $(".s1").css("background-position",-((b%10)*70)+"px 0px") 
    $(".s2").css("background-position",-((Math.floor(b/10)%10)*70)+"px 0px") 
    $(".s3").css("background-position",-(Math.floor(b/100)*70)+"px 0px") 
   } 
 
   function get10(i){ 
    if(i<10)i="0"+i 
    return i 
   } 
   function get100(i){ 
    if(i<100){if(i<10){i="00"+i}else{i="0"+i}} 
    return i 
   } 
 
   var scs,dssx,daas=0 
   function dsxcc(){scs=setInterval(function(){ 
    var dsaa=(+new Date) 
    var sxx=dsaa-currentTime 
    numsl(sxx%1000);numss(1,Math.floor(sxx/1000)%60);numss(3,Math.floor(sxx/60000)%60);numss(5,Math.floor(sxx/3600000)%100); 
    dssx=get10(Math.floor(sxx/3600000)%100)+":"+get10(Math.floor(sxx/60000)%60)+":"+get10(Math.floor(sxx/1000)%60)+":"+get100(sxx%1000) 
   },1)} 
  </script>