发表于: 2016-09-02 16:49:28
1 1739
CSS班没报就来学JS,——(不能同时选两门课有没有人来解决一下)
决定CSS和JS的任务一起做。
完成CSS任务一,任务二,JS任务一。
实现webstorm直接上传github。
实现九宫格每一秒变换颜色效果。
代码:
window.onload=function(){
function selectRGB() {
return Math.floor(Math.random() * 256);
}
var arr = document.getElementsByClassName("color");
function setColor() {
var r = selectRGB();
var g = selectRGB();
var b = selectRGB();
return "rgb(" + r + "," + g + "," + b + ")";
}
function changeColor() {
for (var i = 0; i < arr.length; i++) {
arr[i].style.backgroundColor = setColor();
}
}
var start = document.getElementById("start");
var setid;
start.onclick = function () {
setid = setInterval(changeColor, 1000);}
}
/*
1·其中用到的关键就是Math.random获取随机数和setInterval循环计时器这两个函数,都是可以直接用的函数。
2·外面加上window.onload的原因是我把js引用放在head里面,页面自上而下解析,找不到onclick绑定的按钮。
3.专业限制,我们之前都是使用IIS7,没有配置Nginx,也不好改,所以没有上传到服务器,如果有人会两者兼容,请指导我。
4.webstorm上传github方法:http://www.mrfangge.com/how-to-use-webstorm-to-manage-your-github/
*/
评论