Dom 文本时钟

男娘i 2022-06-12 03:13 161阅读 0赞

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title></title>
        <style type="text/css"> </style>
    
    
    </head>
    <body>
    
    <div id="div01"></div>
    
    
    </body>
    </html>
    
    <script type="text/javascript"> //在页面上以文本形式显示当前时间 yyyy-MM-dd HH:mm:ss , 每秒钟刷新一次 //以yyyy-MM-dd HH:mm:ss这种格式 获得当前时间的日期字符串 function getDateString(){ var now = new Date(); var str = ""; str = str + now.getFullYear(); str += "-"; var month = now.getMonth()+1; if(month<10){ str += "0"; } str += month; str += "-"; var days = now.getDate(); if(days<10){ str += "0"; } str += days; str += " "; var hour = now.getHours(); if(hour<10){ str += "0"; } str += hour; str += ":"; var min = now.getMinutes(); if(min<10){ str += "0"; } str += min; str += ":"; var sec = now.getSeconds(); if(sec<10){ str += "0"; } str += sec; return str; } //1 先把当前日期的文本弄好 //2 把时间文本显示在页面上 //3 每隔一秒刷新一次 setInterval(function(){ var div01 = document.getElementById("div01"); div01.innerHTML = getDateString(); },1000); </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关进度条：计时函数、DOM操作修改html属性、DOM操作修改文本内容

重点：用到计时函数 DOM操作修改html属性 DOM操作修改文本内容思路：用计时器函数每间隔一段时间就增加一些进度条长度，刚开始进度条有其他全部

﹏ヽ暗。殇╰゛Y/ 2024年03月17日 23:31/ 0 赞/ 71 阅读

相关 Linux: 硬件时钟, 系统时钟, 网络时钟, 时区修改和同步

目录基础认识常用命令查看和修改Linux的时区常见时区 timedatectl 时钟同步用硬件时钟同步系统时钟：用系统时钟同步硬件时钟：同步网络

心已赠人/ 2022年09月09日 00:18/ 0 赞/ 299 阅读

相关时钟夹角

Clock 题目描述钟的一圈是12小时，其中时针、分钟都是匀速移动。一天从00:00~23:59，请问某一时刻，时针与分针的夹角是多少？输入第一行是

忘是亡心i/ 2022年06月17日 05:45/ 0 赞/ 198 阅读

相关 Dom 文本时钟

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

男娘i/ 2022年06月12日 03:13/ 0 赞/ 162 阅读

相关 Dom 文本框提示文本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

落日映苍穹つ/ 2022年06月11日 00:00/ 0 赞/ 235 阅读

相关 DOM练习文本字体

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

电玩女神/ 2022年05月14日 03:46/ 0 赞/ 145 阅读

相关时钟

1：先在HTML中放三个div盒子，分别用来装小时，分钟，秒，如果你想让他们变得华丽一点的话，可以在css样式中设置一下，比如他们的宽，高，边框，背景图片等等，你想怎么弄就怎么

我就是我/ 2022年01月31日 10:55/ 0 赞/ 328 阅读

相关人体时钟

1.js/honehone\_clock.js function LoadBlogParts(style) { var swfTitle = "

素颜马尾好姑娘i/ 2022年01月12日 15:17/ 0 赞/ 324 阅读

相关时钟

（前记：网上无意间翻到了这一系列[文章][Link 1]，真心觉得不错，对于Unity初学者应该是非常有助益的（譬如我：）），顺手翻译了第一篇，也算是一次小小的整理和复习，虽然

Bertha 。/ 2021年11月29日 08:02/ 0 赞/ 407 阅读

相关系统时钟

一、系统定时器 SysTick叫做系统滴答时钟、系统定时器，属于Cortex-M4内核中的一个外设，它24bit向下递减的计数器 ![1597828-201906

本是古典何须时尚/ 2021年11月05日 13:08/ 0 赞/ 647 阅读