Py学习  »  Jquery

setInterval在不使用jquery的情况下逐个更改javascript中元素集的样式

paciekFly • 3 年前 • 1228 次点击  

我有一段代码,从JSON中提取数据,并将其分为四个部分。

有了这四个部分,我想在一个部分中添加一个边框2秒钟,然后移除边框并将其添加到另一个部分中。等等一旦边界到达最后一段,整个过程应该重新开始。

根据我在类似线程中读到的内容,我应该使用setInterval并通过循环向每个元素添加/删除类,但不确定如何编写它。有人能帮忙吗?

function completeAd(obj) {
  const offers = obj['offers'];

  for (let i = 0; i < 4; i++) {
    let rand = Math.floor((Math.random() * offers.length));

    const singleAd = document.createElement('section');
    singleAd.className = "adSection"
    const price = document.createElement('p');
    const imgURL = document.createElement('img')

    imgURL.src = "http:" + offers[rand].imgURL
    price.textContent = offers[rand].price + " " + offers[rand].currency;

    singleAd.appendChild(price);
    singleAd.appendChild(imgURL);

    adSection.appendChild(singleAd);

  }
}
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/129783
 
1228 次点击  
文章 [ 1 ]  |  最新文章 3 年前