js时间倒计时方法(转)

摘要:
示例结果:时间1:000天10小时02分钟51秒时间2:188天19小时02分钟52秒时间3:066天06小时10分钟51秒代码vartarget=[]vartime_Id=[]/*原则:每次与当前时间进行比较时,都可以获得天、小时、分钟和秒*/functionshow_date_Time_0(){s

示例结果:

时间1:

000天10小时02分51秒

时间2:

188天19小时02分51秒

时间3:

066天06小时10分51秒

js时间倒计时方法(转)第1张js时间倒计时方法(转)第2张Code
<body>

    
<script type="text/javascript" language="javascript"> 
        
var target=[] 
        
var time_id=[] 
        
/*
          原理:每次和当前时间比较,得到天、小时、分、秒
        
*/
        
function show_date_time_0()
        { 
            setTimeout(
"show_date_time_0()"1000); 
            
for (var i=0,j=target.length;i<j;i++)
            { 
                today
=new Date();          
                
//计算目标时间与当前时间间隔(毫秒数)
                var timeold=target[i]-today.getTime(); //getTime 方法返回一个整数值,这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数。
                
                
//计算目标时间与当前时间的秒数
                var sectimeold=timeold/1000; 
                
                
//计算目标时间与当前时间的秒数(整数)
                var secondsold=Math.floor(sectimeold);
                
                
//计算一天的秒数 
                var  msPerDay=24*60*60*1000
               
                
//得到剩余天数
                var e_daysold=timeold/msPerDay; 
                 //得到剩余天数(整数)
                var daysold=Math.floor(e_daysold); 
                
                
//得到剩余天数以外的小时数
                var e_hrsold=(e_daysold-daysold)*24
                 
//得到剩余天数以外的小时数(整数)
                var hrsold=Math.floor(e_hrsold); 
                
                
//得到尾剩余分数
                var e_minsold=(e_hrsold-hrsold)*60
                
//得到尾剩余分数(整数)
                minsold=Math.floor((e_hrsold-hrsold)*60); 
                
                
//得到尾剩余秒数(整数)
                seconds=Math.floor((e_minsold-minsold)*60); 
                
if (daysold<0
                { 
                    document.getElementById(time_id[i]).innerHTML
="逾期,倒计时已经失效"
                }  
                
else 
                { 
                    
//天数取三位,不足时前边补0
                    if (daysold<10) { daysold="0"+daysold } 
                    
//天数取三位,不足时前边补0
                    if (daysold<100) { daysold="0"+daysold } 
                    
                    
//小时取两位,不足补0
                    if (hrsold<10) { hrsold="0"+hrsold } 
                    
//分数取两位,不足补0
                    if (minsold<10) {minsold="0"+minsold} 
                    
//秒数取两位,不足补0
                    if (seconds<10) {seconds="0"+seconds} 
                    
                    
//小于三天时,字体为红色
                    if (daysold<3) { 
                        document.getElementById(time_id[i]).innerHTML
="<font color=red>"+daysold+""+hrsold+"小时"+minsold+""+seconds+"秒</font>"
                    }  
                    
else 
                    { 
                        document.getElementById(time_id[i]).innerHTML
=daysold+""+hrsold+"小时"+minsold+""+seconds+""
                    } 
                }
                 
            } 
        } 
        setTimeout(
"show_date_time_0()"100); 
    
</script>

    时间1:
    
<div id="TimeCounter_0" style="border: 1px solid black; margin: 5px; padding: 2px;
         300px"
>
    
</div>

    
<script type="text/javascript"> 
        
//设定目标时间(数组元素) 
        //target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() 
        target[target.length]=new Date(2009,06-1,04,00,00,00).getTime(); 
        
        
//设定倒计时显示地址(数组元素) 
        time_id[time_id.length]="TimeCounter_0" 
    
</script>

   时间2:
    
<div id="TimeCounter_1" style="border: 1px solid black; margin: 5px; padding: 2px;
         300px"
>
    
</div>

    
<script type="text/javascript"> 
        target[target.length]
=new Date(2009,11,9,09,00,00).getTime() 
        time_id[time_id.length]
="TimeCounter_1" 
    
</script>

    时间3:
    
<div id="TimeCounter_3" style="border: 1px solid black; margin: 5px; padding: 2px;
         300px"
>
    
</div>

    
<script type="text/javascript"> 
        target[target.length]
=new Date(2009,7,8,20,8,0).getTime() 
        time_id[time_id.length]
="TimeCounter_3" 
    
</script>

</body>

免责声明:文章转载自《js时间倒计时方法(转)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Centos 7 安装nvidia显卡驱动centos7运维记录文档下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Xmind常用快捷键

快捷鍵(WINDOWS)快捷鍵(MAC)描述Ctrl+NCommand+N建立新工作簿Ctrl+OCommand+O开启工作簿Ctrl+SCommand+S储存目前工作簿Ctrl+Shift+SCommand+Shift+S储存全部工作簿Ctrl+WCommand+W关闭目前工作簿Ctrl+Shift+WCommand+Shift+W关闭全部工作簿Ctrl+...

字符串解压缩类库(zip、GZIP、QuickLz、snappy、lzf、jzlib)介绍

它旨在提供高压缩速度和合理的压缩比=-1){out.write;}字节[]未压缩=输出。到字节数组();--返回提取字符串的字节数组。介绍使用预先选择的解压缩类库-GZIP压缩字符串=“这是一个用于测试的字符串”;ByteArrayOutputStreamout=新的ByteArray输出流();GZipOutputStreamgout=newGZipOut...

Qt中使用定时器(可使用QObject::timerEvent定时执行,QTimer::singleShot可只触发一次)

在Qt中使用定时器有两种方法,一种是使用QObiect类的定时器;一种是使用QTimer类。当定时器触发时,应用程序会发送一个QTimerEvent。与定时器相关的成员函数有:startTimer()、timeEvent()、killTimer()。virtualvoidQObject::timerEvent;虚函数timerEvent()被重载来实现用户的...

【转】Kettle集群

本文转自:http://blog.csdn.net/dqswuyundong/article/details/5952009KettleCluster Kettle是一个开源ETL工具,以其效率和可扩展性而闻名于业界。其高效的一个重要原因是其多线程和集群功能。Kettle的多线程采用了管道并发机制,这在另一篇文章中专门介绍。本文主要介绍水壶集群。群集允许转换...

电脑不识别USB blaster驱动问题

电脑不识别USB blaster,如下图: 解决办法:手动更新...

【01】如何在XMind中排列自由主题

如何在XMind中安排免费主题。在XMind思维导图软件中,用户可以根据需要添加免费主题。然而,由于自由主题的灵活性,它并不整洁,与需要控制界面有序排列的用户相比,这会造成一定的麻烦。首先选择要组织的所有免费主题,单击,然后在下拉框中选择以安排免费主题。有六种排列方式:左对齐、垂直居中、右对齐、顶部对齐、水平居中和底部对齐。...