当前位置:编程学习 > JAVA >>

简单几行javascript代码,实现动态倒计时功能

js实现动态倒计时功能 * a是从后台接收到的时间戳,需转换成毫秒单位
 

 
01
<div>
02
    距明年还有:
03
    <span id='daya'></span>天
04
    <span id='hoursa'></span>小时
05
    <span id='minua'></span>分
06
    <span id='secoa'></span>秒
07
</div>
08
<script type="text/javascript">
09
/**
10
*
11
*   copyright 刘晓波 2012.7
12
*   js实现动态倒计时功能
13
*   a是从后台接收到的时间戳,需转换成毫秒单位
14
*
15
*/
16
    var a=12345678;         //以毫秒为单位
17
    function fomtime()
18
    {
19
        a=a-1000;
20
        var b=new Date();
21
        b.setTime(0);
22
        var c=new Date();
23
        c.setTime(a);
24
        var day1=b.getDate();        //为方便调用,把天数、小时等单独定义
25
        var hours1=b.getHours();
26
        var minu1=b.getMinutes();
27
        var seco1=b.getSeconds();
28
        var day2=c.getDate();
29
        var hours2=c.getHours();
30
        var minu2=c.getMinutes();
31
        var seco2=c.getSeconds();
32
        var day=day2-day1;
33
        var hours=hours2-hours1;
34
        var minu=minu2-minu1;
35
        var seco=seco2-seco1;
36
        document.getElementById('daya').innerHTML=day;
37
        document.getElementById('hoursa').innerHTML=hours;
38
        document.getElementById('minua').innerHTML=minu;
39
        document.getElementById('secoa').innerHTML=seco;
40
        setTimeout("fomtime()",1000);
41
    }
42
    fomtime();
43
</script>


作者:奉献的力量
补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,