尼玛！！！！ 第二次保存了无法更新，简直浪费感情！！！今天把blue视频1-10课的练习重做了一遍，虽然能脱稿，但是感觉思路不清晰，凭着一股惯性。。。
贪多嚼不烂，第二天把前一天的代码全部实现一边，再开始学习新的内容！
- 延时提示框
- setTimeout() 延时执行，传入函数名和时间
- clearTimeout() 清除定时器，可以先给定时器设置一个变量，然后把变量传入clearTimeout()
思路：
1.先用getElemetById取出div1和div2的
2.当鼠标滑过div1时，设置div2的display为block
3.当鼠标滑出div1时，加上一个延后定时器，这样鼠标就能暂时停留在div2，时间到后设置display为none
4.当鼠标滑过div2时，把定时器关掉，这时div2就能一直显示
5.当鼠标从div2滑到div1，为了不出现闪烁，给div2加个延时定时器，当鼠标到了div1时把定时器关掉
6.div2和div1的onmouseover和onmouseout的代码很像，可以用连等a=b=c连起来，简化代码
在线Demo
- 简易时钟
- setInterval() 间隔型定时器， 传入函数名和时间
- Date对象
var oDate = new Date();
oDate.getFullYear() // 获取当前年
oDate.getMonth() // js里的月份从0开始，所以要+1才是实际月份
oDate.getDate() // 获取当前日
oDate.getDay() // 获取当前星期
oDate.getHours() // 获取当前小时
oDate.getMinutes() // 获取当前分钟
oDate.getSeconds() // 获取当前秒
var toTwo = function(n) {
return n < 10 ? "0" + n : "" + n;
}
//第二个双引号里不能有空格，否则就变三位数了
- charAt()
charAt()方法返回字符串中指定位置的字符
- 思路
1.html里插入6个img标签，js里通过getElementsByTagName获取aImg[]
2.引用上面的补齐2位数函数
3.创建new Date()对象，通过.getHours()等方法获取当前的时分秒，把获取的值通过toTwo()函数转化为2位字符串存储到变量str里
4.遍历img[]标签，设置aImg[i].src = "img/" + str.charAt(i) + ".png"
- 把2-4封装到一个run()的函数里，通过setInterval(run, 1000)调用
- 在window.onload里调用run()，解决1s后运行的问题
