用jQuery实现倒计时

来源:互联网 发布:同志小说软件免费下载 编辑:程序博客网 时间:2024/06/05 14:14

用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>