diff --git "a/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/.gitignore" "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/.gitignore"
new file mode 100644
index 0000000000000000000000000000000000000000..35410cacdc5e87f985c93a96520f5e11a5c822e4
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/.gitignore"	
@@ -0,0 +1,8 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git "a/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/20241121\346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240.iml" "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/20241121\346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240.iml"
new file mode 100644
index 0000000000000000000000000000000000000000..d6ebd4805981b8400db3e3291c74a743fef9a824
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/20241121\346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240.iml"	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/misc.xml" "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/misc.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..b73c6500fc67d2401f8d431429c18b4ea5971eaf
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/misc.xml"	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MavenRunner">
+    <option name="vmOptions" value="-DarchetypeCatalog=internal" />
+  </component>
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/modules.xml" "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/modules.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..3aad17dc1309934fa250593e461fb0a3cf132e14
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241121 \346\227\266\351\227\264\345\257\271\350\261\241\347\273\203\344\271\240/.idea/modules.xml"	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/20241121时间对象练习.iml" filepath="$PROJECT_DIR$/.idea/20241121时间对象练习.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..5f9e9c0aed5e53ad5996c035431cfea878af2941
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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,25 @@
+<!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>
+<script>
+    // 实例化  new 
+    // 1. 得到当前时间 
+    const data = new Date()
+    console.log(data)
+    // 2. 指定时间 2025-11-12 09:30:00
+    const a = new Date('2025-11-12 09:30:00')
+    console.log(a)
+
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..c3abe3c6b1abcf3ddfeb48be24c8c2aba0bf2a6b
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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,36 @@
+<!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>
+    // 获得日期对象
+    const date = new Date()
+    // 使用里面的方法
+    // 年
+    console.log('年' + date.getFullYear())
+    // 月  从0-11
+    console.log('月' + date.getMonth() + 1)
+    // 日
+    console.log('日' + date.getDate())
+    // 时
+    console.log('时' + date.getHours())
+    // 分
+    console.log('分' + date.getMinutes())
+    // 秒
+    console.log('秒' + date.getSeconds())
+    // 星期几 ，第一天是星期几？
+    const d = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+    console.log(d[date.getDay()])
+
+
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..603fee6c6b5969fcbfcf844ef7c50cd8fb7d8eba
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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,46 @@
+<!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 fn() {
+        const date = new Date()
+        const y = date.getFullYear()
+        const m = date.getMonth()+1
+        const d = date.getDate()
+        const h = date.getHours()
+        const mi = date.getMinutes()
+        const s = date.getSeconds()
+        const div = document.querySelector('div')
+        div.innerHTML = `${y}年${m}月${d}日 ${h}:${mi}:${s}`
+    }
+
+    fn()
+    setInterval(fn, 1000)
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..d440ceb9ba6e2462798aa156acf5334e6b642b83
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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 date = 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/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..73501852e6f552f218783954e0f592ef3b4962bf
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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/\345\275\255\346\260\270\347\233\233/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 0000000000000000000000000000000000000000..d4a65c5559d90985af6eac4da4d893b1e873916d
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/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,169 @@
+<!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 a = document.querySelector('.countdown')
+
+    function fn() {
+        const r = parseInt(Math.random() * 256)
+        const g = parseInt(Math.random() * 256)
+        const b = parseInt(Math.random() * 256)
+        return `RGB(${r},${g},${b})`
+    }
+
+    a.style.backgroundColor = fn()
+    // 修改星期
+    const next = document.querySelector('.next span')
+    let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+    const date = new Date()
+    next.innerHTML = arr[date.getDay()]
+
+    // 函数封装 getCountTime
+    const hour = document.querySelector('#hour')
+    const minutes = document.querySelector('#minutes')
+    const scond = document.querySelector('#scond')
+
+    function getCountTime() {
+        a.style.backgroundColor = fn()
+
+        const date = new Date()
+        const x = new Date(`2024-11-21 22:40:00`)
+        // console.log(date)
+        // console.log(x)
+        const s = parseInt((x - date) / 1000 / 60 / 60)
+        const f = parseInt((x - date) / 1000 / 60 % 60)
+        const m = parseInt((x - date) / 1000 % 60)
+      /*  console.log(s)
+        console.log(f)
+        console.log(m)*/
+        hour.innerHTML = s < 10 ? '0' + s : s
+        minutes.innerHTML = f < 10 ? '0' + f : f
+        scond.innerHTML = m < 10 ? '0' + m : m
+    }
+
+
+    // 让倒计时生效
+    // getCountTime()
+    setInterval(getCountTime,1000)
+
+</script>
+</body>
+
+</html>
\ No newline at end of file