如何為每個變量分配一個伙伴變量？

Question

抱歉，如果標題沒有太大意義，那就是我什至不知道我的問題是開始嘗試解決它的原因。 該代碼旨在每秒執行一次函數10次，該函數添加了一個div元素，為其提供了一個類，為其提供了一個開始的左位置並開始向左移動它。 我已經成功創建了div，為它提供了一個類並追加了它，但是問題出在了哪里，使它向左移動。

我想通過具有跟蹤div左屬性的變量來移動它，從該變量中減去並始終將divs左屬性設置為等於該變量，但是它似乎無法正常工作，因為所有已創建的div遵循該位置跟蹤變量之一。

setInterval(function() {

    var Count = 0;
    var createddiv = document.createElement("div");
    var divX = 1000;

    if (Count < 1000) {

        Count = Count + 100;
        createddiv.classList.add("NewDiv");
        createddiv.style.left = divX + "px";
        document.body.appendChild(createddiv);

        divX = divX - 100;
        createddiv.style.left = divX + "px";

    }

}, 1000)

Answer 1

據我了解，您想在10秒內將div從右移到左

JS

(function() {

    var Count = 0;
    var divX = 1000;
    var createddiv;

        var intervalRef = setInterval(function() {
        if (Count < 1000) {
        if(createddiv !== undefined) {
            createddiv.parentNode.removeChild(createddiv);  
        }
        createddiv = document.createElement("div");
        Count = Count + 100;
        createddiv.classList.add("NewDiv");
        createddiv.style.left = divX + "px";
        document.body.appendChild(createddiv);

        divX = divX - 100;
        createddiv.style.left = divX + "px";

        } else {
        clearInterval(intervalRef);
      }
    }, 1000);

})();

的CSS

.NewDiv {
  height: 100px;
  width: 100px;
  background-color: red;
  position: relative;
}

這是jsfiddle中的工作演示

建議而不是每次都創建新的div，而是添加一個div並更改其left屬性。