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

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

已关闭 9 年前。

• 此问题似乎偏离主题，因为缺乏足够的信息来诊断问题。更详细地描述您的问题或 include a minimal example在问题本身。
• 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

Improve this 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