js显示当前时间和日期

关注

原创最新推荐文章于 2026-03-27 09:35:55 发布 748 阅读 AI 写同款· GEO 优化 ›

使用JavaScript和HTML实现显示当前时间和日期的功能是一项常见的编程任务通过上述代码，我们可以获取当前时间和日期，并将其动态地显示在网页上。你可以根据需要自定义日期和时间的显示格式，以满足特定的要求。使用JavaScript和HTML实现显示当前时间和日期的功能是一项常见的编程任务。在本文中，我将展示如何使用这两种语言编写代码来获取当前日期和时间，并将其显示在网页上。现在，我们需要编写JavaScript代码来获取当前的时间和日期，并将其显示在上述的。首先，我们可以在HTML文件中创建一个用于显示时间和日期的元素。函数来触发获取当前日期和时间的过程，并将结果显示在网页上。阅读详情

先来看一下效果：

<div class="time">您好，今天是： <span id=localtime></span> 
      <script type="text/javascript">
        function showLocale(objD)
        {
                var str,colorhead,colorfoot;
                var yy = objD.getYear();
                if(yy<1900) yy = yy+1900;
                var MM = objD.getMonth()+1;
                if(MM<10) MM = '0' + MM;
                var dd = objD.getDate();
                if(dd<10) dd = '0' + dd;
                var hh = objD.getHours();
                if(hh<10) hh = '0' + hh;
                var mm = objD.getMinutes();
                if(mm<10) mm = '0' + mm;
                var ss = objD.getSeconds();
                if(ss<10) ss = '0' + ss;
                var ww = objD.getDay();
                if  ( ww==0 )  colorhead="<font color=\"#ffffff\">";
                if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#ffffff\">";
                if  ( ww==6 )  colorhead="<font color=\"#ffffff\">";
                if  (ww==0)  ww="星期日";
                if  (ww==1)  ww="星期一";
                if  (ww==2)  ww="星期二";
                if  (ww==3)  ww="星期三";
                if  (ww==4)  ww="星期四";
                if  (ww==5)  ww="星期五";
                if  (ww==6)  ww="星期六";
                colorfoot="</font>"
                str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;
                return(str);
        }
        function tick()
        {
                var today;
                today = new Date();
                document.getElementById("localtime").innerHTML = showLocale(today);
                window.setTimeout("tick()", 1000);
        }
        tick();
        </script></div>

收录于