用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>
阅读全文
0 0
- 用jQuery实现倒计时
- jQuery实现倒计时
- jquery实现倒计时
- Jquery实现倒计时效果
- jquery实现倒计时
- jquery实现倒计时效果
- jquery倒计时实现
- jquery倒计时实现
- jQuery实现倒计时效果
- jQuery 实现倒计时
- jQuery实现倒计时
- jQuery实现倒计时计时器
- Jquery实现倒计时
- JQuery与JS实现倒计时
- jquery如何实现倒计时效果
- jQuery实现5秒倒计时
- Jquery实现最简单易用的分秒倒计时
- jquery 实现验证码倒计时 点击按钮后倒计时效果
- Volley 图片加载相关源码解析
- Android 混淆提示 java.io.FileNotFoundException: ...\proguard
- 英语语法5-现在完成时
- 当当网Dubbox
- 关于service中的事物回滚问题
- 用jQuery实现倒计时
- windows平台VR全景播放器,支持图片视频,rtsp,rtmp,http,udp,hls等网络格式
- 分针网——每日分享:实现电商菜单切换效果
- 【十】ArcGIS API for Javascript之专题图的制作(二)
- 跨域问题
- HDU
- 【链表】[Lintcode]合并两个排序链表
- colorAccent,colorPrimary,colorPrimaryDark
- 急速入门nginx