每日小结2.25

尼玛!!!! 第二次保存了无法更新,简直浪费感情!!!今天把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() // 获取当前秒
  • 补齐2位数的时间
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"
  1. 把2-4封装到一个run()的函数里,通过setInterval(run, 1000)调用
  2. 在window.onload里调用run(),解决1s后运行的问题

你可能感兴趣的:(每日小结2.25)