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>

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
42 2
|
2月前
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
107 1
|
3月前
|
编解码 前端开发 JavaScript
javascript检测网页缩放演示代码
javascript检测网页缩放演示代码
|
3月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
28天前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
24 2
|
28天前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
2月前
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式(行内、内部、外部)和基础语法,包括变量、数据类型、运算符、数组、函数和对象等内容。同时,文章还详细讲解了 jQuery 的基本语法和常用方法,如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等,以及如何插入和删除元素。通过示例代码和图解,帮助读者更好地理解和应用这些知识。
23 1
【JavaScript】网页交互的灵魂舞者
|
3月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
2月前
|
Web App开发 缓存 前端开发
前端RAG:使用Transformers.js手搓纯网页版RAG(二)- 基于qwen1.5-0.5B
本文继续探讨了RAG的后半部分,通过在浏览器中运行qwen1.5-0.5B模型实现了增强搜索全流程。然而,由于浏览器与模型性能限制,该方案更适合研究、离线及高隐私场景。文章提供了完整的前端代码,让读者能够动手尝试。此外,详细介绍了代码框架、知识库准备、模型初始化及问答实现等步骤,并展示了实际运行效果。受限于当前技术,除非在离线或高隐私环境下,网页大模型的应用仍需进一步优化。
|
2月前
|
存储 自然语言处理 文字识别
纯前端RAG:使用Transformers.js实现纯网页版RAG(一)
本文将分两部分教大家如何在网页中实现一个RAG系统,本文聚焦于深度搜索功能。通过浏览器端本地执行模型,可实现文本相似度计算和问答匹配,无需依赖服务器。RAG搜索基于高维向量空间,即使不完全匹配也能找到意义相近的结果。文中详细介绍了如何构建知识库、初始化配置、向量存储及相似度计算,并展示了实际应用效果。适用于列表搜索、功能导航、文档查询及表单填写等多种场景。
221 0