简单几行javascript代码,实现动态倒计时功能
2012-07-20 03:06
1276 查看
js实现动态倒计时功能 * a是从后台接收到的时间戳,需转换成毫秒单位
<div> 距明年还有: <span id='daya'></span>天 <span id='hoursa'></span>小时 <span id='minua'></span>分 <span id='secoa'></span>秒 </div> <script type="text/javascript"> /** * * copyright WE 2012.7 * js实现动态倒计时功能 * a是从后台接收到的时间戳,需转换成毫秒单位 * */ var a=12345678; //以毫秒为单位 function fomtime() { a=a-1000; var b=new Date(); b.setTime(0); var c=new Date(); c.setTime(a); var day1=b.getDate(); //为方便调用,把天数、小时等单独定义 var hours1=b.getHours(); var minu1=b.getMinutes(); var seco1=b.getSeconds(); var day2=c.getDate(); var hours2=c.getHours(); var minu2=c.getMinutes(); var seco2=c.getSeconds(); var day=day2-day1; var hours=hours2-hours1; var minu=minu2-minu1; var seco=seco2-seco1; document.getElementById('daya').innerHTML=day; document.getElementById('hoursa').innerHTML=hours; document.getElementById('minua').innerHTML=minu; document.getElementById('secoa').innerHTML=seco; setTimeout("fomtime()",1000); } fomtime(); </script>
如果有更好的改进方法,请指教。
相关文章推荐
- Javascript实现一个简单的页面倒计时功能
- Javascript动态绑定事件的简单实现代码
- javaScript实现简单网页倒计时代码
- JavaScript蒙板(model)功能的简单实现代码
- Javascript动态绑定事件的简单实现代码
- 利用CountDownTimer类几行代码实现倒计时功能
- javascript 超简单代码实现图片轮播功能
- javascript倒计时功能实现代码
- JavaScript在控件上添加倒计时功能的实现代码
- 利用Pillow,几行代码实现的最简单的Django页面验证码功能
- blockchain 区块链200行代码:在JavaScript实现的一个简单的例子
- Javascript实现动态菜单添加的实例代码
- javascript 简单实现页面上的拖放功能
- 简单实现类似Spring的在任意代码中获取Request的功能
- javascript实现网易邮箱多附件上传功能代码
- Javascript 创建类并动态添加属性及方法的简单实现
- 代码实现打印功能(asp.net+javascript)
- 简单的asp.net模拟邮箱系统基础实现(二 (2)具体版块功能的实现及关键代码之登陆页面)
- android中 代码实现截图功能(静态+动态视频)