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

简介: JS在网页上显示当前日期和时间demo效果示例(整理)
<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>

相关文章
|
11天前
|
前端开发 JavaScript
结合CSS和JavaScript创建动态网页
【4月更文挑战第21天】结合CSS和JavaScript创建动态网页
22 4
|
9天前
|
前端开发 JavaScript UED
深入理解 JavaScript 同步和异步,让网页灵动起来!
深入理解 JavaScript 同步和异步,让网页灵动起来!
|
4天前
|
缓存 移动开发 JavaScript
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
16 1
|
9天前
|
前端开发 JavaScript UED
CSS顶部与JS后写:网页渲染的奥秘
CSS顶部与JS后写:网页渲染的奥秘
|
11天前
|
JavaScript 前端开发 Shell
JS获取当前时间、及一周之前、一个月之前日期
这段代码展示了JavaScript中获取当前时间以及过去特定日期的方法。包括获取时间戳和格式化日期的函数,例如获取一周、一个月前的日期。另外,还包含了添加随机数的日期时间戳生成和计算两个日期之间差值的示例。
|
11天前
|
JavaScript 前端开发
JS实现网页页面的框架(demo)
JS实现网页页面的框架(demo)
13 1
|
11天前
|
JavaScript 前端开发
js对比日期大小
js对比日期大小
15 1
|
11天前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
11天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象
|
11天前
|
编解码 JavaScript 前端开发
【专栏】介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例
【4月更文挑战第29天】本文介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例。Base64编码将24位二进制数据转换为32位可打印字符,用“=”作填充。文中展示了各语言的编码解码代码,帮助开发者理解并应用于实际项目。