javascript - 如何移动多个div框的背景？

Question

我的脚本似乎有问题，我不知道它可能是什么......

这是JSfiddle

我正在尝试改变多个 div 框的背景。每一秒都会生成一个随机数，如果弹出正确的数字，则会随机选择其中一个 div，并且其背景会移动 100px 。如果该 div 上的背景已经移动，它将恢复到原始状态。

JavaScript

<小时/>

div = document.getElementById('time');
write = document.getElementsByClassName('write');
data = [0, 0, 0, 0];
setInterval(function () {
var num = Math.floor(Math.random() * 2);
div.innerHTML = num;
if (num == 1) {
    n = Math.floor(Math.random() * 4);
    if (data[n] = 0) {
        write[n].style.backgroundPosition = '0px 100px';
        data[n] = 1;
    } else {
        write[n].style.backgroundPosition = '0px 0px';
        data[n] = 0;
    }
}
}, 1000);

CSS

<小时/>

.write {
    width: 100px;
    height: 100px;
    background: url('http://daokun.webs.com/back.png');
    -webkit-transition: all 1.5s cubic-bezier(.08, 1, .08, 1);
    float: left;
    margin-left: 10px;
}

HTML

<小时/>

<div id="time"></div>
<div class="write"></div>
<div class="write"></div>
<div class="write"></div>
<div class="write"></div>
<script src="Construct.js"></script>

Answer 1

简单的错误

if (data[n] = 0) { // here you are always assigning the value 0 to data[n]

应该是

if (data[n] === 0) { // here you are actually comparing data[n] with the value 0