您的位置:首页 > Web前端 > JavaScript

简单几行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>

如果有更好的改进方法,请指教。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: