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

来源:https://www.sucaihuo.com/js/3423.html 2018-01-27 11:56浏览(795) 收藏

一款漂亮的带圈计次模式的jQuery秒表计时器代码,jQuery网页秒表计时插件,字体非常可爱。
带圈计次模式的jQuery秒表计时器代码
分类:日期时间 > 计时器 难易:入门级
查看演示 下载资源 下载积分: 10 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

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>
标签: 计时器秒表
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3423.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2