欢迎光临文鱼的个人博客站!

文鱼个人网站-文鱼个人博客

文鱼个人博客网站

关注前端技术

首页>> 分享>> 封装了一个JQ倒计时功能 使用很简单

发布时间:2017-08-29 18:03:28  点击:  108  作者:文鱼

提供的是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'  


2

最近访客

    热评文章

      Title - Artist
      0:00