From 8c2cc469ac6f1ce14a6f697f3949b6a4246dfd85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BD=97=E5=91=A8=E7=86=A0?= <2108439463@qq.com>
Date: Thu, 21 Nov 2024 17:41:55 +0800
Subject: [PATCH 1/2] 11/21

---
 ...\346\234\237\345\257\271\350\261\241.html" |  53 +++++++
 ...\350\261\241\346\226\271\346\263\225.html" |  48 ++++++
 ...\347\232\204\346\227\266\351\227\264.html" |  54 +++++++
 ...\344\270\252\345\206\231\346\263\225.html" |  47 ++++++
 ...\346\227\266\351\227\264\346\210\263.html" |  31 ++++
 ...\345\200\222\350\256\241\346\227\266.html" | 149 ++++++++++++++++++
 6 files changed, 382 insertions(+)
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/01-\345\256\236\344\276\213\345\214\226\346\227\245\346\234\237\345\257\271\350\261\241.html"
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/02-\345\270\270\350\247\201\347\232\204\346\227\245\346\234\237\345\257\271\350\261\241\346\226\271\346\263\225.html"
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/03-\346\230\276\347\244\272\346\240\274\345\274\217\345\214\226\347\232\204\346\227\266\351\227\264.html"
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/04-\346\227\266\351\227\264\347\232\204\345\217\246\345\244\226\344\270\200\344\270\252\345\206\231\346\263\225.html"
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/05-\345\276\227\345\210\260\346\227\266\351\227\264\346\210\263.html"
 create mode 100644 "\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/01-\345\256\236\344\276\213\345\214\226\346\227\245\346\234\237\345\257\271\350\261\241.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/01-\345\256\236\344\276\213\345\214\226\346\227\245\346\234\237\345\257\271\350\261\241.html"
new file mode 100644
index 0000000..b0fbbb5
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/01-\345\256\236\344\276\213\345\214\226\346\227\245\346\234\237\345\257\271\350\261\241.html"	
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <button></button>
+  <div></div>
+
+  <script>
+    // 实例化  new 
+    // 1. 得到当前时间 
+
+    function getTime(){
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    const h = date.getHours();
+    const m = date.getMinutes();
+    const s = date.getSeconds();
+
+    let str =`现在是${year}年${month+1}月${day}日${h}:${m}:${s}`
+    document.querySelector('button').innerHTML=str ;
+
+    }
+    
+    getTime();
+    setInterval(getTime,1000);
+
+     
+    // console.log(date.getTime());
+    // console.log(Date.now());
+   
+    // 2. 指定时间 2025-11-12 09:30:00
+
+   const date1 = new Date('2025-11-12 09:30:00'); 
+   document.querySelector('div').innerHTML= date1 ;
+   console.log(date1);
+   
+
+
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/02-\345\270\270\350\247\201\347\232\204\346\227\245\346\234\237\345\257\271\350\261\241\346\226\271\346\263\225.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/02-\345\270\270\350\247\201\347\232\204\346\227\245\346\234\237\345\257\271\350\261\241\346\226\271\346\263\225.html"
new file mode 100644
index 0000000..ed7ff8f
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/02-\345\270\270\350\247\201\347\232\204\346\227\245\346\234\237\345\257\271\350\261\241\346\226\271\346\263\225.html"	
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  
+
+  <script>
+    // 获得日期对象
+    function getTime(){
+    // 使用里面的方法
+    const date = new Date();
+    // 年
+    const year = date.getFullYear();
+    // 月  从0-11
+    const month = date.getMonth();
+    // 日
+    const day = date.getDate();
+    // 时
+    const h = date.getHours();
+    // 分
+    const m = date.getMinutes();
+    // 秒
+    const s = date.getSeconds();
+    // 星期几 ，第一天是星期几？
+    const week = date.getDay();
+    
+    console.log(`现在是${year}年${month+1}月${day}日${h}:${m}:${s} 星期${week}`)
+  
+    }
+
+    getTime();
+    setInterval(getTime,1000);
+
+
+
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/03-\346\230\276\347\244\272\346\240\274\345\274\217\345\214\226\347\232\204\346\227\266\351\227\264.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/03-\346\230\276\347\244\272\346\240\274\345\274\217\345\214\226\347\232\204\346\227\266\351\227\264.html"
new file mode 100644
index 0000000..f1c40a4
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/03-\346\230\276\347\244\272\346\240\274\345\274\217\345\214\226\347\232\204\346\227\266\351\227\264.html"	
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    div {
+      width: 300px;
+      height: 40px;
+      border: 1px solid pink;
+      text-align: center;
+      line-height: 40px;
+    }
+  </style>
+</head>
+
+<body>
+  <div></div>
+
+  <script>
+
+
+    // 实现电子时间效果，在div里显示 现在是2024年11月21日 10:12:07 格式的时间
+    
+    function getTime(){
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    const h = date.getHours();
+    const m = date.getMinutes();
+    const s = date.getSeconds();
+
+    let str =`现在是${year}年${month+1}月${day}日${h}:${m}:${s}`
+    document.querySelector('div').innerHTML=str ;
+
+    }
+    
+    getTime();
+    setInterval(getTime,1000);
+
+     
+    // console.log(date.getTime());
+    // console.log(Date.now());
+   
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/04-\346\227\266\351\227\264\347\232\204\345\217\246\345\244\226\344\270\200\344\270\252\345\206\231\346\263\225.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/04-\346\227\266\351\227\264\347\232\204\345\217\246\345\244\226\344\270\200\344\270\252\345\206\231\346\263\225.html"
new file mode 100644
index 0000000..7f945de
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/04-\346\227\266\351\227\264\347\232\204\345\217\246\345\244\226\344\270\200\344\270\252\345\206\231\346\263\225.html"	
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    div {
+      width: 300px;
+      height: 40px;
+      border: 1px solid pink;
+      text-align: center;
+      line-height: 40px;
+    }
+  </style>
+</head>
+
+<body>
+  <div></div>
+  <script>
+    const div = document.querySelector('div')
+    // 得到日期对象
+    const date = new Date()
+    // 将日期对象 本地化
+    // 1. 完整的日期+时间  date.toLocaleString()      // 2022/4/1 09:41:21
+    // 2. 只有日期        date.toLocaleDateString()  // 2022/4/1
+    // 3. 只有时间        date.toLocaleTimeString()  // 16:57:40
+    div.innerHTML = date.toLocaleString()
+    setInterval(function () {
+      const date = new Date()
+      div.innerHTML = date.toLocaleString()
+
+    }, 1000)
+
+    // const date1 = new Date();
+
+    console.log(date);
+    console.log(date.toLocaleString());
+    console.log(date.toLocaleDateString());
+    console.log(date.toLocaleTimeString());
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/05-\345\276\227\345\210\260\346\227\266\351\227\264\346\210\263.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/05-\345\276\227\345\210\260\346\227\266\351\227\264\346\210\263.html"
new file mode 100644
index 0000000..7350185
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/05-\345\276\227\345\210\260\346\227\266\351\227\264\346\210\263.html"	
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 时间戳，一种特殊的时间计量方式，一串整数的数字
+    // 1970.01.01 0:0:0  1970年Unix版本发布，1970是纪元时间
+    // 时间戳，通常用来做时间比较的差值
+
+    // 3种获取方式 get + Date
+    const date = new Date();
+    console.log(date.getTime() / 1000);  // 1970.01.01 0:0:0 到此时此刻的毫秒数 秒数要/1000
+    const last = new Date('2024-11-21 09:42:00')
+    console.log((last.getTime() / 1000 - date.getTime() / 1000) / 60);
+
+
+    console.log(+new Date());  // +'10'
+
+    console.log(Date.now());  // 静态方法
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"
new file mode 100644
index 0000000..a9295d3
--- /dev/null
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"	
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Document</title>
+  <style>
+    .countdown {
+      width: 240px;
+      height: 305px;
+      text-align: center;
+      line-height: 1;
+      color: #fff;
+      background-color: brown;
+      /* background-size: 240px; */
+      /* float: left; */
+      overflow: hidden;
+    }
+
+    .countdown .next {
+      font-size: 16px;
+      margin: 25px 0 14px;
+    }
+
+    .countdown .title {
+      font-size: 33px;
+    }
+
+    .countdown .tips {
+      margin-top: 80px;
+      font-size: 23px;
+    }
+
+    .countdown small {
+      font-size: 17px;
+    }
+
+    .countdown .clock {
+      width: 142px;
+      margin: 18px auto 0;
+      overflow: hidden;
+    }
+
+    .countdown .clock span,
+    .countdown .clock i {
+      display: block;
+      text-align: center;
+      line-height: 34px;
+      font-size: 23px;
+      float: left;
+    }
+
+    .countdown .clock span {
+      width: 34px;
+      height: 34px;
+      border-radius: 2px;
+      background-color: #303430;
+    }
+
+    .countdown .clock i {
+      width: 20px;
+      font-style: normal;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="countdown">
+    <p class="next">今天是11月21日<span>星期六</span></p>
+    <p class="title">下课倒计时</p>
+    <p class="clock">
+      <span id="hour">00</span>
+      <i>:</i>
+      <span id="minutes">25</span>
+      <i>:</i>
+      <span id="scond">20</span>
+    </p>
+    <p class="tips">11:40:00下课</p>
+  </div>
+  <script>
+    // 做倒计时要有两个时间 未来时间A 现在时间B A-B就是时间差 ，毫秒的差，转成时分秒
+
+
+    // 随机颜色函数
+    // 1. 自定义一个随机颜色函数 #00FF00 rgb(255,255,255)
+    // a.style.color = '#FFFF00'  // 三原色 Red Green Blue   0-F 的6位数
+    // a.style.color = 'rgb(255,0,0)'  // 三原色 Red Green Blue   rgb(255,0,0)  0-255
+    const div = document.querySelector('.countdown')
+    // div.style.backgroundColor = 'rgb(0,0,255)' 
+    // div.style.backgroundColor = '#FF0000'
+
+    function randomColor(flag = true) {
+      if (flag) {
+        let str = '#'  // 每次随机得到的数值拼到str后面
+        // 定义数组，把可选值写到数组，再去用随机的下标取6次数组的值 
+        const colors = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']
+        // F #F 0 #F0
+        for (let i = 0; i < 6; i++) {  // i 这边是次数 6次
+          const n = Math.floor(Math.random() * colors.length);  // 随机得到一个数组的下标
+          str = str + colors[n]
+
+        }
+        // console.log(str);
+        return str;
+      } else {
+        const r = Math.floor(Math.random() * 256)
+        const g = Math.floor(Math.random() * 256)
+        const b = Math.floor(Math.random() * 256)
+        return `rgb(${r},${g},${b})`
+      }
+
+    }
+
+    console.log(randomColor());
+
+
+
+
+
+
+    // 页面刷新随机得到颜色
+
+    // 修改星期
+    const date = new Date();
+    const weekdays =['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
+    document.querySelector('.next span').innerHTML = weekdays[date.getDay()]
+
+    
+
+    // 函数封装 getCountTime
+    const last = new Date('2024-11-24 17:40:00')
+    const now = new Date();
+    const num =(last - now)/1000;
+    console.log('总秒数'+ num)
+    const h = parseInt(num/60/60);
+    const m = parseInt(num/60/60);
+    const s = parseInt(num/60/60);
+    
+   // 让倒计时生效
+
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From 1e831f5dddfd8b4cd3d46ed5251b55cb118364b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BD=97=E5=91=A8=E7=86=A0?= <2108439463@qq.com>
Date: Thu, 21 Nov 2024 22:59:04 +0800
Subject: [PATCH 2/2] 11/21

---
 ...\345\200\222\350\256\241\346\227\266.html" | 75 +++++++++----------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html" "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"
index a9295d3..b1f14fc 100644
--- "a/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"	
+++ "b/\347\275\227\345\221\250\347\206\240/15 20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/06-\345\200\222\350\256\241\346\227\266.html"	
@@ -72,38 +72,39 @@
     <p class="next">今天是11月21日<span>星期六</span></p>
     <p class="title">下课倒计时</p>
     <p class="clock">
-      <span id="hour">00</span>
+      <span id="hour">16</span>
       <i>:</i>
-      <span id="minutes">25</span>
+      <span id="minutes">30</span>
       <i>:</i>
       <span id="scond">20</span>
     </p>
-    <p class="tips">11:40:00下课</p>
+    <p class="tips">17:40:00下课</p>
   </div>
+
+
+
+
+
   <script>
-    // 做倒计时要有两个时间 未来时间A 现在时间B A-B就是时间差 ，毫秒的差，转成时分秒
 
 
-    // 随机颜色函数
-    // 1. 自定义一个随机颜色函数 #00FF00 rgb(255,255,255)
-    // a.style.color = '#FFFF00'  // 三原色 Red Green Blue   0-F 的6位数
-    // a.style.color = 'rgb(255,0,0)'  // 三原色 Red Green Blue   rgb(255,0,0)  0-255
-    const div = document.querySelector('.countdown')
-    // div.style.backgroundColor = 'rgb(0,0,255)' 
-    // div.style.backgroundColor = '#FF0000'
+    let date=new Date("2024-11-21 16:30:20")
+
+    let hour =document.querySelector("#hour")
+    let minutes =document.querySelector("#minutes")
+    let scond =document.querySelector("#scond")
+   
+
+    const days = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
 
     function randomColor(flag = true) {
       if (flag) {
-        let str = '#'  // 每次随机得到的数值拼到str后面
-        // 定义数组，把可选值写到数组，再去用随机的下标取6次数组的值 
+        let str = '#'
         const colors = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']
-        // F #F 0 #F0
-        for (let i = 0; i < 6; i++) {  // i 这边是次数 6次
-          const n = Math.floor(Math.random() * colors.length);  // 随机得到一个数组的下标
-          str = str + colors[n]
+        for (let i = 0; i < 6; i++) {  
+          const n = Math.floor(Math.random() * colors.length); 
 
         }
-        // console.log(str);
         return str;
       } else {
         const r = Math.floor(Math.random() * 256)
@@ -111,35 +112,29 @@
         const b = Math.floor(Math.random() * 256)
         return `rgb(${r},${g},${b})`
       }
-
     }
+     // 页面刷新随机得到颜色
+    document.querySelector(".countdown").style.backgroundColor=randomColor()
+    // 修改星期
+    document.querySelector(".countdown .next span ").innerText = days[date.getDay()]
+    // 函数封装 getCountTime
+    function getCountTime(){
+        document.querySelector(".countdown").style.backgroundColor=randomColor()
+				let date = new Date();
+				let last = new Date("2024-11-21 17:40:00");
+				let timeDiff = (last.getTime() - date.getTime()) / 1000;
 
-    console.log(randomColor());
-
-
-
-
-
+				hour.innerHTML = parseInt(timeDiff / 60 / 60);
 
-    // 页面刷新随机得到颜色
+				minutes.innerHTML = parseInt(timeDiff / 60)==60?0: parseInt(timeDiff / 60) ;
 
-    // 修改星期
-    const date = new Date();
-    const weekdays =['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
-    document.querySelector('.next span').innerHTML = weekdays[date.getDay()]
+				scond.innerHTML = parseInt(timeDiff % 60);
 
-    
 
-    // 函数封装 getCountTime
-    const last = new Date('2024-11-24 17:40:00')
-    const now = new Date();
-    const num =(last - now)/1000;
-    console.log('总秒数'+ num)
-    const h = parseInt(num/60/60);
-    const m = parseInt(num/60/60);
-    const s = parseInt(num/60/60);
-    
+    }
+    // getCountTime()
    // 让倒计时生效
+   setInterval(getCountTime,1000)
 
 
 
-- 
Gitee

