JS实现网站倒计时

最新推荐文章于 2024-04-28 17:03:19 发布

YmNets

最新推荐文章于 2024-04-28 17:03:19 发布

阅读量1.1k

点赞数

分类专栏： ⑤ DHTML相关文章标签： date border xhtml server div html

本文链接：https://blog.csdn.net/iouxyz/article/details/6672757

版权

⑤ DHTML相关专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/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();
            timeold = target[i] - today.getTime();
            sectimeold = timeold / 1000;
            secondsold = Math.floor(sectimeold);
            msPerDay = 24 * 60 * 60 * 1000;
            e_daysold = timeold / msPerDay;
            daysold = Math.floor(e_daysold);
            e_hrsold = (e_daysold - daysold) * 24;
            hrsold = Math.floor(e_hrsold);
            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 {
                if (hrsold < 10) { hrsold = "0" + hrsold }
                if (minsold < 10) { minsold = "0" + minsold }
                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>
</head>
<body>
 
距离2012年元旦节： 
<div id="TimeCounter_0" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div> 
<script type="text/javascript">
    //设定目标时间(数组元素) 
    //target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() 
    target[target.length] = new Date(2012, 12, 01, 00, 00, 00).getTime();
    //设定倒计时显示地址(数组元素) 
    time_id[time_id.length] = "TimeCounter_0" 
</script> 
 
距2012小光棍节(1.11)： 
<div id="TimeCounter_1" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div> 
<SCRIPT>
    target[target.length] = new Date(2012, 0, 11, 00, 00, 00).getTime()
    time_id[time_id.length] = "TimeCounter_1" 
</SCRIPT> 
 
距2012春节(2.2)： 
<div id="TimeCounter_3" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div> 
<SCRIPT>
    target[target.length] = new Date(2012, 1, 2, 00, 00, 00).getTime()
    time_id[time_id.length] = "TimeCounter_3" 
</SCRIPT> 
</body>
</html>
    </form>
</body>
</html>

YmNets

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS实现网站倒计时

无标题文档 <!-- var target = [] var time_id = [] function show_date_time_0() { setTimeout("show_date_time_0()", 1000);
复制链接

扫一扫

专栏目录