SmallFox

封装了一个JQ倒计时功能 使用很简单
提供的是JQ的方法 有能力自己可以转成js方法 这里我就不提供了下面开始正题页面需要引入JQ插件才能使用<d...
扫描右侧二维码阅读全文
14
2017/07

封装了一个JQ倒计时功能 使用很简单

提供的是JQ的方法 有能力自己可以转成js方法 这里我就不提供了

下面开始正题

页面需要引入JQ插件才能使用

<div id="timer1" style="color:red"></div>  
  
 <script>  
   djs('2017/11/20','#timer1')

    function djs(sj,div){  //sj格式2017/11/20 传字符串进来
    var starttime = new Date(sj);
	  setInterval(function () {
	    var nowtime = new Date();
	    var time = starttime - nowtime;
	    var day = parseInt(time / 1000 / 60 / 60 / 24);
	    var hour = parseInt(time / 1000 / 60 / 60 % 24);
	    var minute = parseInt(time / 1000 / 60 % 60);
	    var seconds = parseInt(time / 1000 % 60);
	    $(div).html(day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
	  }, 1000);
    }
 </script>

 

使用方法是 djs() 括号里面传两个参数 '时间','要显示的元素'

时间格式为2017/11/20

元素格式为 '.css' 或者 '#id' 或者 'div'

比如<div class="box"></div>  那就是'.box'   也可以'div' 不推荐后者

比如<div id="box"></div>        那就是'#box'   也可以'div' 不推荐后者

比如<div></div>        那就是'div'

Last modification:July 12th, 2018 at 09:21 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment