JavaScript实现实时时钟

超、凢脫俗 2022-05-20 02:58 300阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>Document</title>  
</head>  
<body>  
  
</body>  
<script>  
// 、实现MAC上的电子时钟，要求显示格式为：2017/07/01 19:01:01  
// （解题思路：  
// 1.通过Date获取当前系统时间的年月日&时分秒  
// 2.对所得时间的值进行字符串拼接处理显示为要求格式  
// 3.将上述2步放入计时器中不断获取当前时间，重新拼接显示）  
  
  
    // 1.通过Date获取当前系统时间的年月日&时分秒  
     
  
  
// 3.将上述2步放入计时器中不断获取当前时间，重新拼接显示  
setInterval(function()\{  
// 年  
    var date = new Date();  
var year = date.getFullYear();  
console.log(year);  
  
  
// 月  
var month = date.getMonth() + 1;  
console.log(month);  
// 日  
var day = date.getDate();  
console.log(day);  
// 时  
var hours = date.getHours();  
console.log(hours);  
// 分  
var minutes = date.getMinutes();  
console.log(minutes);  
// 秒  
var seconds = date.getSeconds();  
console.log(seconds);  
  
  
  
// 2.对所得时间的值进行字符串拼接处理显示为要求格式  
function addZero(x)\{  
return x>9?x:"0"+x;  
\}  
  
  
    var watch = addZero(year)+"/"+addZero(month)+"/"+addZero(day)+" "+addZero(hours)+":"+addZero(minutes)+":"+addZero(seconds);  
   document.body.innerHTML = watch;\},1000);  
</script>  
</html>

发表评论取消回复

表情：

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

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

相关阅读

相关实时时钟 RTC

概述实时时钟(RTC) 模块可长时间维持精确计时，为系统提供实时时钟和日历。该模块功耗极低，最大程度延长电池寿命。 RTC的主要特点： ⚫ BCD 时间格式，

深藏阁楼爱情的钟/ 2024年03月17日 11:35/ 0 赞/ 85 阅读

相关实时时钟 RTC(2)

RTC 使能与停止 RTC 上电后立即启动，不可关闭，软件应在32K 晶体振荡器完全起振后再设置当前时间；在晶体振荡器起振之前芯片使用内部环振计时，偏差较大。 RTC 时

Myth丶恋晨/ 2024年03月16日 09:17/ 0 赞/ 46 阅读

相关实时时钟DS1302实验

实时时钟DS1302实验实验现象通过DS1302的读取获取年，月，日，星期，时，分，秒的值，然后串口显示在PC上通过4个按键设定当前的时间按键1(设

ゝ一世哀愁。/ 2022年12月20日 06:10/ 0 赞/ 233 阅读

相关 javascript时钟

<html> <head> <script type="text/javascript"> function startTime() \{ var toda

﹏ヽ暗。殇╰゛Y/ 2022年09月18日 10:53/ 0 赞/ 229 阅读

相关 stm32 rtc 实时时钟

STM32的实时时钟是一个独立的定时器通常会在后备区域供电端加一个纽扣电池，当主电源没有电的时，RTC不会停止工作若VDD电源有效，RTC可以触发秒中断、溢出中断和闹钟

╰半夏微凉°/ 2022年06月10日 08:54/ 0 赞/ 288 阅读

相关利用JavaScript实现简单网页时钟

利用JavaScript实现网页时钟，效果如下图所示： ![这里写图片描述][70] 首先在body中完成表盘、指针的资源载入： <div><img src="

小咪咪/ 2022年05月26日 11:51/ 0 赞/ 305 阅读

相关 JavaScript实现实时时钟

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</

超、凢脫俗/ 2022年05月20日 02:58/ 0 赞/ 301 阅读

相关 Javascript（二）javascript时钟实现

时钟实现实现这个时钟时间需要解决以下三个问题：获得当前时间，并格式化如何可以在页面中显示时间让时间动起来 1、获得当前时间，并格式化

痛定思痛。/ 2022年05月17日 02:47/ 0 赞/ 272 阅读

相关 JavaScript实现一个数字时钟

<html> <head> <script type="text/javascript"> function

怼烎@/ 2022年05月16日 08:00/ 0 赞/ 277 阅读

相关 javascript 简易时钟

通过css的旋转和Date方法获取时间背景图片如下：![Center][] 时针![Center 1][]分针![Center 2][]秒针![Center 3][]

古城微笑少年丶/ 2021年09月14日 06:12/ 0 赞/ 377 阅读