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

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

一款漂亮的带圈计次模式的jQuery秒表计时器代码,jQuery网页秒表计时插件,字体非常可爱。
带圈计次模式的jQuery秒表计时器代码
分类:日期时间 > 计时器 难易:入门级
查看演示 下载资源: 7 下载资源 下载积分: 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
评论5
头像

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

  • 头像 4楼
    02-06 20:39
    y***赫
    有个性,得赞一个 ..

  • 头像 3楼
    01-29 12:51
    c***1
    感谢 分享,学习 下 , 很漂亮
  • 头像 板凳
    01-28 12:28
    e***7
    感谢分享啊,学习下!!!
  • 头像 椅子
    01-28 12:27
    舒***畅
    这个字体相当有个性哦,值得赞一个。
  • 头像 沙发
    01-27 23:44
    布***丁
    惊喜看看学习下,刚好要计时的东西
1 2