fix file name

2019-10-13 22:15:52 +08:00 · 2019-10-13 22:15:52 +08:00 · c4bf3a6e9f
commit c4bf3a6e9f
parent 3dbc2fd147
6 changed files with 58 additions and 6 deletions
--- 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进行小数计算，精度问题
-    
+
+* 宽度渐变案例
+[linkToHtml](./widthGradient.html)
+
+* 作业
+    * 带A4纸
+    * 笔记本
+    * 代码三遍
--- a/20191013/colorGradient.html
+++ b/20191013/colorGradient.html
--- a/20191013/setTimeout1.html
+++ b/20191013/setTimeout1.html
--- a/20191013/setTimeout案例.html
+++ b/20191013/setTimeout案例.html
--- a/20191013/widthGradient.html
+++ 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>
--- 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 
+---