用jQuery实现倒计时

用jQuery实现倒计时

思路：动态获取当前的时间和截止时间，将二者的时间差转换成相应的格式显示到页面上。

代码：

<script type="text/javascript">
            var deadline=new Date(2017,6,18,0,0,0);
            setInterval(function(){
                var currentTime=new Date().getTime();
                var timeInterval=deadline.getTime()-currentTime;
                var remainTime=parseInt(timeInterval/1000);
                var day=parseInt(remainTime/(3600*24));
                var hour=parseInt((remainTime-day*3600*24)/3600);
                var minute=parseInt((remainTime-day*24*3600-hour*3600)/60);
                var second=parseInt(remainTime%60);
                //当转换出来的为个位数时，给前面补零。
                function addzeros(time){
                    if(time<10){
                        time='0'+time;

                    }
                    return time;
            }
                $('.countdown').html('距离活动结束还有'+addzeros(day)+'天'+addzeros(hour)+'时'+addzeros(minute)+'分'+addzeros(second)+'秒');
            },1000)

        </script>