发表于: 2017-04-14 23:53:23
1 519
任务进展:
1:用less简化了任务15页面代码。
2:学习了JS setTimeout和setInterval函数,尝试写js任务一。
遇到问题:
任务1的基本思路是:在页面<script>中获取方块元素节点,定义随机选择函数得出三个0~8之间的数用于按索引选择方块,三组三个0-15之间的数转换成String组成三种颜色,然后赋给方块的style.backgroundColor属性。定义判断设置函数,每次运行选择函数前将方块颜色还原。定义开始函数,内部使用setInterval函数设置判断设置函数的间隔时间,定义结束函数,内部使用clearInterval函数清除循环,将两个函数各自传给开始button和结束button的click事件,通过鼠标点击控制开始和结束。存在的问题是:点击运行时,每次方格变色数目不全为3,有时为1,有时为2,有时候前一次变色的结果不会还原,导致九宫格看起来有半数变色,问题正在排查中。
明日计划:
1:继续提交css任务审核,看师兄有什么要改的。
2:解决js任务一中的问题。
收获:
学习了js 定时器函数和页面调用JS函数的基本方式。
评论