實際上,我正在通過 AJAX 從數據庫中檢索一些數據,在檢索數據時,我使用 JavaScript 在 HTML 中制作了一些動態元素。我在容器中創建了動態行,在該行中我創建了一個動態 div,其類為“col-md-4”,它是父行的子行,這意味著至少可以有 3 個動態 div 的 class="col-md- 4" 動態行。為此,在 AJAX 的 obj.success 函數中使用了一個循環。使用循環在動態行中制作 3 個動態元素的目的。如果不使用循環,那么新行將只有一個 col-md-4 類的 div?,F在的問題是我從數據庫中檢索一些時間,然后使用當前時間我得到兩個 tme 的差異,然后使用一個函數來運行時間。這一切都是循環?,F在的問題是計時器僅針對行中的最后一個元素運行。我在另一個場景中使用了計時器,但是沒有問題,因為在那個場景中沒有使用循環。var ajax = prompt('Confirm demo or paste AJAX data', '[ {"id":1}, {"id":2}, {"id":3}, {"id":4}, {"id":5}]');display(ajax);function display(response) { var n=1; var times = ["2019-09-19 12:59","2019-09-27 12:59","2019-12-19 12:59","2019-11-19 12:59","2019-10-19 12:59"]; var time=new Date().toLocaleTimeString('en-GB'); var res = time.slice(0,-3); var today = new Date(); var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); var yyyy = today.getFullYear(); today = yyyy + '-' + mm + '-' + dd; var current=today+" "+res; // alert(current); var data = JSON.parse(response); if(data.length) { for(var i=0;i<data.length;i++) { var parent= document.getElementsByClassName('carousel')[0]; var row1= document.createElement("div"); row1.setAttribute("class", "row"); row1.setAttribute("id", "row"+n); parent.appendChild(row1); var crow1; for(var j=0;j<3 && i+j < data.length;j++) { crow1 = document.createElement("div"); crow1.setAttribute("class", "col-md-4"); crow1.setAttribute("id", data[i+j].id); } }, 1000); } i += 3-1; n++; } }}DIV.col-md-4 { display: inline; background-color: #FF0080; margin: 5px;}.row { display: block; background-color: #80E080; padding: 3px;}<div class="carousel"></div>為什么只有最后一個元素顯示計時器?
管理在 JavaScript 中的動態元素中制作的計時器
搖曳的薔薇
2021-10-21 15:14:08