发表于: 2017-03-22 01:20:13

2 781


今天完成的事情:

马马虎虎的把菜鸟教程上js的部分过了一遍,写了一下js任务一的流程

第一步是从0~9中选3个数,在复习了高中数学排列组合以及概率论以后发现我想太多了= =

要实现3个数不重复只要加个判断就好了

第二步是随机颜色,看了师兄的日报发现原来是用rgb,本来还想把rgb转成16进制,结果搜了一下发现函数好麻烦我就放弃了

第三步是按随机数挑出dom节点加背景颜色,

document.getElementById(id).style.backgroundColor大小写要注意

还有单复数加引号不加引号什么的要注意……啊这些规则有没有什么总结啊

第四步加定时器

为了防止多次重复开启定时器,避免函数执行加快,可以做一个判断,但是那样就等于重复点击是没有响应的

也可以在定时器前面要再加一个清理定时器,以及清理定时器需要id

需要先声明变量timerId,然后在函数中把定时器赋值给timerId,

var timer=null;

function(){

  timer = setInterval(aFunction(),1000);

  clearInterval(timer);

}

第五步加点击事件

加点击事件的时候我在定时器前加了一个直接执行变色的函数,可以在点击后马上变色不用等一次时间间隔,感觉这样效果比较好,以及补了一个回到原色的函数

直接加在html里面的onclick="javascript"事件失效了,但是在js文件里面加onclick事件是可以的,原因应该是和加载的顺序有关的

比如在html里面把js链接放在顶部,在js中加window.onload,这时候是先加载完html后js才会开始执行,而html比js早加载会导致内部的onclick事件报错成未定义,因为这时候js还没有加载

但是把js链接放在顶部,不加window.onload也不行……因为js会报错未定义……

最后就把js放在底部,也没有window.onload才可以


明天计划的事情:任务2


遇到的问题:

js链接要添加在哪个位置,什么时候加载好?


收获:

学会了如何清理定时器,知道了怎样随机颜色,以及文件加载顺序对代码效果的影响


返回列表 返回列表
评论

    分享到