From c4bf3a6e9f57aea081b7171d6ea3b8a0330dce73 Mon Sep 17 00:00:00 2001
From: RainSunMee <zhaoyingbo@live.cn>
Date: Sun, 13 Oct 2019 22:15:52 +0800
Subject: [PATCH] fix file name
---
20191013/20191013.md | 17 +++++---
.../{渐变案例.html => colorGradient.html} | 0
.../{setTimeout.html => setTimeout1.html} | 0
.../{setTimeout案例.html => setTimeout2.html} | 0
20191013/widthGradient.html | 39 +++++++++++++++++++
README.md | 8 +++-
6 files changed, 58 insertions(+), 6 deletions(-)
rename 20191013/{渐变案例.html => colorGradient.html} (100%)
rename 20191013/{setTimeout.html => setTimeout1.html} (100%)
rename 20191013/{setTimeout案例.html => setTimeout2.html} (100%)
create mode 100644 20191013/widthGradient.html
diff --git a/20191013/20191013.md b/20191013/20191013.md
index ca97868..f83765d 100644
--- a/20191013/20191013.md
+++ b/20191013/20191013.md
@@ -6,7 +6,7 @@
[linkToHtml](./test1.html)
* setTimeout
-[linkToHtml](./setTimeout.html)
+[linkToHtml](./setTimeout1.html)
* `setTimeout(<function>,time)` 一次性定时器
* function: 函数体
* time: 每次重复的时间
@@ -15,15 +15,22 @@
* timerID 定时器ID
* setTimeout案例
-[linkToHtml](./setTimeout案例.html)
+[linkToHtml](./setTimeout2.html)
* input type="hidden" 创建隐藏域，将不想被用户知道还想发送的东西放在里边
* 表单属性操作
* 表单中属性名等于属性值，html表单可以简写
* js中操作属性时，值为Boolean
-* 渐变案例
-[linkToHtml](./渐变案例.html)
+* 颜色渐变案例
+[linkToHtml](./colorGradient.html)
* 不要使用js进行小数计算，精度问题
-
\ No newline at end of file
+
+* 宽度渐变案例
+[linkToHtml](./widthGradient.html)
+
+* 作业
+ * 带A4纸
+ * 笔记本
+ * 代码三遍
\ No newline at end of file
diff --git a/20191013/渐变案例.html b/20191013/colorGradient.html
similarity index 100%
rename from 20191013/渐变案例.html
rename to 20191013/colorGradient.html
diff --git a/20191013/setTimeout.html b/20191013/setTimeout1.html
similarity index 100%
rename from 20191013/setTimeout.html
rename to 20191013/setTimeout1.html
diff --git a/20191013/setTimeout案例.html b/20191013/setTimeout2.html
similarity index 100%
rename from 20191013/setTimeout案例.html
rename to 20191013/setTimeout2.html
diff --git a/20191013/widthGradient.html b/20191013/widthGradient.html
new file mode 100644
index 0000000..a54a8ba
--- /dev/null
+++ b/20191013/widthGradient.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Document</title>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background: hotpink;
+ border-radius: 50px;
+ }
+ </style>
+</head>
+<body>
+ <input type="button" value="变宽" id="button">
+ <div id="dv"></div>
+ <script type="text/javascript">
+ window.onload = function() {
+ var timer;
+ document.getElementById('button').onclick = function() {
+ //清空计时器
+ clearInterval(timer);
+ //div的宽度渐渐增加
+ var w = 100;
+ timer = setInterval(function() {
+ w += 1;
+ document.getElementById('dv').style.width = w + 'px';
+ if(w >= 400) {
+ clearInterval(timer);
+ }
+ }, 10)
+ }
+ }
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/README.md b/README.md
index 92d2f63..fc7617c 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
* 给任意事件解绑监听器封装函数
* 阻止事件冒泡
-[上课视频链接](https://pan.baidu.com/s/1x8Bedgte67XhVMjLImboZw)
+* [上课视频链接](https://pan.baidu.com/s/1x8Bedgte67XhVMjLImboZw)
提取码：lzcc
---
@@ -51,4 +51,10 @@
* 复习上节内容
* setTimeout
* setTimeout案例
+* 表单属性操作
+* 颜色渐变案例
+* 宽度渐变案例
+* [上课视频链接](https://pan.baidu.com/s/1l4mVVmklb1Hiz2uWQxBdxA)
+提取码：nc9w
+---