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>

相关文章
|
10月前
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果?
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件,动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法,并附有示例代码和在线演示链接,方便开发者参考与测试。
348 56
|
4月前
|
前端开发 JavaScript API
js实现promise常用场景使用示例
本文介绍JavaScript中Promise的6种常用场景:异步请求、定时器封装、并行执行、竞速操作、任务队列及与async/await结合使用,通过实用示例展示如何优雅处理异步逻辑,避免回调地狱,提升代码可读性与维护性。
307 10
|
9月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1422 58
|
6月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
1435 0
|
9月前
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
588 57
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
585 5
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
235 2
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例

热门文章

最新文章