zhaoyingbo/nodebook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix file name

Browse Source
This commit is contained in:
RainSunMee 2019-10-13 22:15:52 +08:00
parent 3dbc2fd147
commit c4bf3a6e9f
6 changed files with 58 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
20191013/20191013.md
View File

@ -6,7 +6,7 @@
[linkToHtml](./test1.html) [linkToHtml](./test1.html)
* setTimeout * setTimeout
[linkToHtml](./setTimeout.html) [linkToHtml](./setTimeout1.html)
* `setTimeout(<function>,time)` 一次性定时器 * `setTimeout(<function>,time)` 一次性定时器
* function: 函数体 * function: 函数体
* time: 每次重复的时间 * time: 每次重复的时间
@ -15,15 +15,22 @@
* timerID 定时器ID * timerID 定时器ID
* setTimeout案例 * setTimeout案例
[linkToHtml](./setTimeout案例.html) [linkToHtml](./setTimeout2.html)
* input type="hidden" 创建隐藏域，将不想被用户知道还想发送的东西放在里边 * input type="hidden" 创建隐藏域，将不想被用户知道还想发送的东西放在里边
* 表单属性操作 * 表单属性操作
* 表单中属性名等于属性值，html表单可以简写 * 表单中属性名等于属性值，html表单可以简写
* js中操作属性时，值为Boolean * js中操作属性时，值为Boolean
* 渐变案例 * 颜色渐变案例
[linkToHtml](./渐变案例.html) [linkToHtml](./colorGradient.html)
* 不要使用js进行小数计算，精度问题 * 不要使用js进行小数计算，精度问题
* 宽度渐变案例
[linkToHtml](./widthGradient.html)
* 作业
* 带A4纸
* 笔记本
* 代码三遍

0
20191013/渐变案例.html → 20191013/colorGradient.html
View File

0
20191013/setTimeout.html → 20191013/setTimeout1.html
View File

0
20191013/setTimeout案例.html → 20191013/setTimeout2.html
View File

39
20191013/widthGradient.html Normal file
View File

@ -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>

8
README.md
View File

@ -9,7 +9,7 @@
* 给任意事件解绑监听器封装函数 * 给任意事件解绑监听器封装函数
* 阻止事件冒泡 * 阻止事件冒泡
[上课视频链接](https://pan.baidu.com/s/1x8Bedgte67XhVMjLImboZw) * [上课视频链接](https://pan.baidu.com/s/1x8Bedgte67XhVMjLImboZw)
提取码：lzcc 提取码：lzcc
--- ---
@ -51,4 +51,10 @@
* 复习上节内容 * 复习上节内容
* setTimeout * setTimeout
* setTimeout案例 * setTimeout案例
* 表单属性操作
* 颜色渐变案例
* 宽度渐变案例
* [上课视频链接](https://pan.baidu.com/s/1l4mVVmklb1Hiz2uWQxBdxA)
提取码：nc9w
---