发表于： 2017-03-28 22:17:43
15 1152
第一步，先用div跟css把九宫格写了出来，给了大小以及默认颜色。
第二步，考虑九个空格随机修改颜色。首先给九个方块也就是九个div 赋id，值为1到9。
第三步，使用js的Math对象中的floor，random方法取得1到9的随机数，以及取得三个随机颜色。
第四步，通过setInterval设定一个定时器，随机给九个div中的三个设置随机的三个背景颜色，随机变色初步完成。
第五步，在页面写两个a标签 设置display为block让他成为块级元素，这样就可以设置他的宽高了。
第六步，写两个函数，分别为start，把第四步的定时器放进去，stop，内容为 clearInterval取消掉定时器。
第七步，var一个flag以防止多次执行定时器出现bug. 用do wheik 判断三个数是否相等，以判断当随机出来的三个数不相等时才执行定时器。
第八步，用onmouerover 将两个函数分别绑定在两个a标签上。
返回列表
评论