每日小结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后运行的问题
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 955评论 0 2
  • 打开QQ,把鼠标放在你的头像上不动,会弹出你一个框展示你的个人信息,这个框就是延时提示框,它不像:hover,鼠标...
    熊郅峰阅读 1,105评论 0 1
  • 转载请著名出处 GitHub-TYRMars 文章Github地址 JavaScript基础知识剖析 01 01-...
    TYRMars阅读 585评论 0 7
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,326评论 0 5
  • 23岁,你以为是一场青春的绽放,其实那只是一场极致灿烂后的颓败。 24岁,你以为你可以做自己喜欢的工作,但是你却为...
    一个人的修行阅读 263评论 0 2