网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
javascript吧 关注：269,134贴子：906,523
  • 2回复贴，共1页

为什么只有最后一个在闪？我要全部闪啊

<html>
<head>
<title></title>
<script type="text/javascript">
var arr = [
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
];
function init() {
var i, j;
for (i = 0; i < arr.length; i++) {
for (j = 0; j < arr[i].length; j++) {
var d = document.createElement("div");
d.style.cssText = "position:absolute;border:5px solid black;";
d.style.width = 40 + "px";
d.style.height = 40 + "px";
d.style.left = j * 42 + "px";
d.style.top = i * 42 + "px";
d.id = i + "" + j;
if (arr[i][j] == 0) {
var time, number = 0;
d.style.backgroundColor = setInterval(function () {
number++;
if (number % 3 == 1) {
d.style.backgroundColor = "red";
}
else if (number % 3 == 2) {
d.style.backgroundColor = "blue";
}
else {
d.style.backgroundColor = "green";
}
if (number > 100) {
clearInterval(time);
}
}, 500)
}
document.body.appendChild(d);
}
}
}
window.onload = function () { init(); }
</script>
</head>
<body>
</body>
</html>


<html>
<head>
<title></title>
<script type="text/javascript">
var arr = [
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
];
function init() {
var i, j;
for (i = 0; i < arr.length; i++) {
for (j = 0; j < arr[i].length; j++) {
(function(i,j){
var d = document.createElement("div");
d.style.cssText = "position:absolute;border:5px solid black;";
d.style.width = 40 + "px";
d.style.height = 40 + "px";
d.style.left = j * 42 + "px";
d.style.top = i * 42 + "px";
d.id = i + "" + j;
if (arr[i][j] == 0) {
var time, number = 0; // Math.floor(Math.random()*3); // 随机颜色
d.style.backgroundColor = setInterval(function () {
number++;
if (number % 3 == 1) {
d.style.backgroundColor = "red";
}
else if (number % 3 == 2) {
d.style.backgroundColor = "blue";
}
else {
d.style.backgroundColor = "green";
}
if (number > 100) {
clearInterval(time);
}
}, 500)
}
document.body.appendChild(d);
})(i,j)
}
}
}
window.onload = function () { init(); }
</script>
</head>
<body>
</body>
</html>
建议多理解一下闭包的概念。


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 2回复贴，共1页
分享到: