发表于: 2017-03-22 01:20:13
2 783
今天完成的事情:
马马虎虎的把菜鸟教程上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链接要添加在哪个位置,什么时候加载好?
收获:
学会了如何清理定时器,知道了怎样随机颜色,以及文件加载顺序对代码效果的影响
评论