提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

JS在网页上显示当前日期和时间demo效果示例（整理）

JS网页日期 时间 显示 示例 效果 整理
2023-09-14 09:04:05 时间

<html>
    <head>
        <title>JS在网页上显示当前日期和时间</title>
        <STYLE>
            TD {
                FONT-SIZE: 12px;
                COLOR: #ffffff;
                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
            }
        </STYLE>
        <SCRIPT language=JavaScript>
            function tick() {
                var years, months, days, hours, minutes, seconds;
                var intYears, intMonths, intDays, intHours, intMinutes, intSeconds;
                var today;
                today = new Date(); //系统当前时间
                intYears = today.getFullYear(); //得到年份,getFullYear()比getYear()更普适
                intMonths = today.getMonth() + 1; //得到月份，要加1
                intDays = today.getDate(); //得到日期
                intHours = today.getHours(); //得到小时
                intMinutes = today.getMinutes(); //得到分钟
                intSeconds = today.getSeconds(); //得到秒钟
                years = intYears + "-";
                if (intMonths < 10) {
                    months = "0" + intMonths + "-";
                } else {
                    months = intMonths + "-";
                }
                if (intDays < 10) {
                    days = "0" + intDays + " ";
                } else {
                    days = intDays + " ";
                }
                if (intHours == 0) {
                    hours = "00:";
                } else if (intHours < 10) {
                    hours = "0" + intHours + ":";
                } else {
                    hours = intHours + ":";
                }
                if (intMinutes < 10) {
                    minutes = "0" + intMinutes + ":";
                } else {
                    minutes = intMinutes + ":";
                }
                if (intSeconds < 10) {
                    seconds = "0" + intSeconds + " ";
                } else {
                    seconds = intSeconds + " ";
                }
                timeString = years + months + days + hours + minutes + seconds;
                Clock.innerHTML = timeString;
                window.setTimeout("tick();", 1000);
            }
            window.onload = tick;
        </SCRIPT>
    </head>
    <BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
        <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
            <TR bgColor=#73a3d4 height=40>
                <TD noWrap align=right width=209><SPAN id="Clock"></SPAN></TD>
            </TR>
        </TABLE>
    </BODY>
</HTML>
 

相关文章