day25-27完成了两个时钟

最新推荐文章于 2024-06-29 01:18:37 发布
最新推荐文章于 2024-06-29 01:18:37 发布
阅读量84 收藏
点赞数
分类专栏： 初学前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RealRecall/article/details/110731852
版权

学习时间：3h+1h
下午：3h捣鼓时间差计算器
晚上：3h
尽量利用了函数的封装

<html>
  <body>
    <div></div>
    <div class="second"></div>
    <script>
      var div1 = document.querySelector("div");
      var today = new Date();
      var day = today.getDay();
      function nDay1(i) {
        //根据某个日期返回这一天是星期几
        switch (i) {
          case 0:
            return "星期日";
          case 1:
            return "星期一";
          case 2:
            return "星期二";
          case 3:
            return "星期三";
          case 4:
            return "星期四";
          case 5:
            return "星期五";
          case 6:
            return "星期六";
        }
      }
      function checkTime(i) {
        //补充0
        if (i < 10) {
          i = "0" + i;
        }
        return i;
      }
      function packing1() {
        var today = new Date();
        var day = today.getDay();
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        var year = today.getFullYear();
        var month = today.getMonth();
        var date = today.getDate();
        h = checkTime(h);
        m = checkTime(m);
        s = checkTime(s);
        day = nDay1(day);
        month = checkTime(month);
        date = checkTime(date);
        div1.textContent =
          year +
          "年" +
          month +
          "月" +
          date +
          "日" +
          day +
          " " +
          h +
          ":" +
          m +
          ":" +
          s;
      }
      function startTime1() {
        packing1();
        t = setTimeout("startTime1()", 500);
      }
      startTime1();

      var div2 = document.querySelector(".second");
      function nDay2(i) {
        //根据某个日期返回这一天是星期几
        switch (i) {
          case 0:
            return "Sunday";
          case 1:
            return "monday";
          case 2:
            return "Tuesday";
          case 3:
            return "Wednesday";
          case 4:
            return "Thursday";
          case 5:
            return "Friday";
          case 6:
            return "Saturday";
        }
      }
      function packing2() {
        var today = new Date();
        var day = today.getDay();
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        var year = today.getFullYear();
        var month = today.getMonth();
        var date = today.getDate();
        h = checkTime(h);
        h = checkHour(h);
        m = checkTime(m);
        s = checkTime(s);
        ap = checkAp(h);
        day = nDay2(day);
        month = checkTime(month);
        date = checkTime(date);
        div2.textContent =
          year +
          "-" +
          month +
          "-" +
          date +
          " " +
          day +
          " " +
          h +
          ":" +
          m +
          ":" +
          s +
          " " +
          ap;
      }
      function startTime2() {
        packing2();
        t = setTimeout("startTime2()", 500);
      }
      function checkHour(i) {
        //将24小时制转化为12小时制
        if (i >= 12) {
          i = i - 12;
        }
        return i;
      }
      function checkAp(i) {
        //控制AM和PM的选择
        if (i >= 12) {
          return "PM";
        } else {
          return "AM";
        }
      }
      startTime2();
    </script>
  </body>
</html>
RealRecall
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
day15-NTP和SCP服务.pdf
04-28
NTP客户端会与多个Stratum服务器交互，以选择最佳的时间源，并逐步调整本地时钟，避免突然的时间跳跃，从而保证系统稳定。 **部署NTP时间同步服务** 在Linux系统中，有两种主要的时间同步服务可供选择：Chrony和...
day04-javascript高级.pdf
03-22
案例中，我们创建一个`h1`标签显示时间，并设置两个按钮，一个启动时钟，一个暂停。启动按钮的点击事件调用`start()`方法，此方法清除旧的计时器并开启新的计时器，每秒调用`begin()`方法来更新时间。暂停按钮则调用...
电子时钟制作(瑞萨RA)(6)----配置RTC时钟及显示时间
xh1479的博客
07-04 1万+
本文将详细讲解如何借助e2studio来对瑞萨微控制器进行实时时钟（RTC）的设置和配置，以便实现日历功能和一秒钟产生的中断，从而通过串口输出实时数据。实时时钟（RTC）模块是一种时间管理外设，主要用于记录和控制日期和时间。与常见的微控制器（MCU）中的定时器不同，RTC时钟提供了两种计时方式：日期模式和计时模式。RTC时钟的常用功能包括设置时间、设定闹钟、配置周期性中断以及启动或停止操作。通过使用e2studio工具，我们可以轻松地对瑞萨微控制器进行RTC配置，从而实现高精度的时间和日期管理。
51单片机---DS1302时钟的使用（含源码）
热门推荐
m0_56399733的博客
10-28 3万+
本节我们学习了51单片机的DS1302的相关内容，包括原理，电路图，相关寄存器的设置以及时序；完成了利用LCD1602与晶体管的结合，实现了时钟显示；
基于FPGA ---ds1302实时时钟显示
m0_69368691的博客
10-17 1981
实验目的使用型号为DS1302的实时时钟芯片完成日期、时间的实时显示。（通过UART发送至上位机显示）。实验原理1.ds1302硬件介绍(1) 内含一个钮电池，断电情况下运行 10 年以上不丢失数据。(2) 可计秒、 分、 时、 星期、 日、 月、 年，并有闰年补偿功能，有效年份 为 2100 年以前。(3) 可选二进制码或 BCD 码表示时间、日历，具有闹钟定时功能。(4) 可选 12 小时或 24 小时制，12 小时时钟模式带有 PM 和 AM 指示，有夏令时功能。
ARM32开发--RTC内置实时时钟
xuewenyu_的博客
06-12 1623
在嵌入式系统开发中，实时时钟（RTC）是至关重要的组件，它提供了准确的日期和时间信息，为各种应用场景提供了时间基准。本文将深入探讨RTC的设计原理和初始化过程，帮助您理解RTC在GD32F407上的实现方式以及如何进行初始化、配置和读取时间等操作。RTC是实时时钟(Real-Time Clock)的缩写。它是一种硬件模块或芯片,用于提供准确的日期和时间信息。GD32F407上有RTC的外设,它提供了一个包含日期(年/月/日)和时间(时/分/秒/亚秒)的日历功能。
单片机学习笔记---DS1302实时时钟工作原理
xiaobaivera的博客
02-08 3022
提前预告：本节会带大家看芯片手册！学会看芯片手册是一位开发工程师必备的技能！ DS1302介绍 DS1302是由美国DALLAS公司推出的具有涓细电流充电能力的低功耗实时时钟芯片。它可以对年、月、日、周、时、分、秒进行计时，且具有闰年补偿等多种功能 还有另外一个名词就是RTC(Real Time Clock)：实时时钟，是一种集成电路，通常称为时钟芯片。（我们的单片机内部没有RTC，可以外接一个RTC的芯片，给单片机提供实时时钟。市面上有很多种实时时钟芯片，有的自带电池，功能各不相同。）
Arduino--DS3231实时时钟模块
u011816009的博客
06-05 1万+
（1）简介 DS3231是一种实时的RCT IC芯片，通过IIC接口进行通信，默认IIC通信地址为（0X68，应该是在头文件中有体现，大概看了下也没找见）,其内部还集成了晶体振荡器和温度传感器，无需连接外部晶体。 DS3231模块如下图所示，包含RTC芯片和一个32K的EEPROM 自身带有3V CR2032锂电池，掉电时间不变 包括年、月、日、时、分、秒等具体时间信息 （2）连线 主要是IIC接口，本实验室是基于Arduino UNO使用，其他开发板的IIC管脚参考以下链接： https://blog.
STM32 Cortex-M4 RTC实时时钟保姆级别总结
Lushengshi的博客
08-12 2328
保姆级别的总结了，喜欢的朋友可以点赞关注加收藏！
DAY3--USART-NVIC
最新发布
2301_81214927的博客
06-29 1146
AFIO模块可以帮助配置引脚的功能，使其可以复用为多种不同的外设功能，例如串口、SPI、I2C等。因此，打开串口复用端口时钟和AFIO功能可以使得整个外设管理系统能够正常工作，确保外设功能在引脚和硬件层面上正确配置和匹配。优点与局限： 通信效率高，因为可以同时进行发送和接收，提高了数据传输的吞吐量。速度和距离： 相对于并行通信，串行通信的速度可能较慢，但可以通过提高通信速率来弥补这一点。1.应用场景：当一个高优先级的中断发生时，可以立即中断当前正在执行的低优先级中断的执行，执行高优先级中断的服务程序。
Arduino--DS3231时钟模块
u011816009的博客
11-13 7025
（1）简介 D3231是高精度的I2C实时时钟（RTC）,具有集成的温补晶振TCXO晶体，模块自带纽扣电池，在系统断开主电源后仍然能保持精确的计时。RTC保存秒、分、时、星期、日期、月和年的信息，提供两个可设置的日历闹钟和一个可设置的方波输出，地址和数据通过I2C双向总线串行传输。 模块参数 （1）工作电压：3.3V–5.5V （2）时钟芯片：高精度时钟芯片DS3231 （3）时钟精度：0-40度范围内，精度2pm，年误差约1分钟 （4）2个日历闹钟可编程输出，年月日有效时间到2100年，芯片内部自带温度
MCU-51：单片机实时时钟
立于皓月之边，不弱星光之势
12-29 5101
MCU-51：单片机实时时钟
藏经阁-HaaS智能硬件开发训练营-Day2-如何驱动一个传感器.pdf
09-09
在阿里云藏经阁的HaaS智能硬件开发训练营中，Day2的主题是如何驱动一个传感器。这个训练营主要关注在物联网(IoT)硬件开发中常见的接口，如SPI和I2C，以及如何利用这些接口扩展和控制各种传感器。HaaS EDU K1是一款专...
配置时钟服务器-NTP.docx
07-13
本文档将介绍如何在 Windows 和 Linux 两个平台上配置 NTP 时间服务器。 Windows 平台配置 NTP 时间服务器 1. 修改注册表 首先，我们需要修改注册表来启用 NTP 服务器功能。在注册表编辑器中，找到 HKEY_LOCAL_...
复习一下HTML和CSS
RealRecall的博客
11-01 841
html和css还差最后一个作业，做倒数第二个作业用了太长时间，我对于知识掌握不牢。我今天开始复习了day1到day8的自学内容。 时间有限，只复习了选择器，列表。
day31-33阻止默认事件的方法
RealRecall的博客
12-14 447
代码如下： var input = document.querySelector("input"); input.onclick = function (e) { if (input.checked == false) { e.preventDefault(); } }; 这样的话，checkbox就无法取消了。因为当checked的值想要变成false时，input的默认事件，即“改变checkbox的状态”这个默认
day25-27 递归和setTimeout
RealRecall的博客
12-05 411
递归 程序调用自身的编程技巧称为递归（ recursion）。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。一般来说，递归需要有边界条件、递归前进段和递归返回段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回。 使用setTime
day34-36 一种使用innerHTML增加内容的方法
RealRecall的博客
12-17 377
代码如下： outerHTML这个属性和innerHTML差不多，前者还额外设置（或获取）对象的标签。
写一份1000字的基于MCS-51单片机的智能时钟设计 的c语言编程思路
06-08
首先，我们需要了解MCS-51单片机的...以上是基于MCS-51单片机的智能时钟设计的C语言编程思路，其中包括了硬件设计和软件设计两个部分。根据这个思路，我们可以进一步完善代码，实现一款功能齐全、性能稳定的智能时钟。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值