发表于: 2020-01-04 23:04:58

1 1106


今天完成的事

1,成功让3个随机格子呈现随机颜色,并完成任务一;

2,任务一总结导图;


明天的计划

1,开始任务二;

2,学习使用断点调试;

遇到的问题

1,因为要取3个随机格子并放入一个数组中,格子数过少,即使取随机数也可能会重复,然后就需要去重保证不重复,要不然达不到预期效果;结果发现indexof写错,应该是indexOf,写错成了小写;后来通过浏览器debug调试找到;

2,初始化函数将所有格子背景设置为橙色,直接通过

document.getElementsByClassName("grid").style.backgroundColor="orange";

发现失效,后来通过对格子父元素取子节点获取所有格子后,成功赋值;

收获

1,更加清楚的理解了变量如何传入操作dom方法中的,并通过其达到预期的操作;

2,对定时器的使用;

timename=setInterval("circle()",1100);

清理定时器

clearInterval(timename);

这种定时器可以让函数循环执行,得到格子颜色闪烁的效果;

3,任务一总结导图;

4,确保使用函数时其大小写正确,因为js区分大小写,避免不必要的时间浪费;


返回列表 返回列表
评论

    分享到