Kod Örneği Lazım

Merhaba,

degerler.json isimli bir dosyamda id ve deger alanlarına veri çekiyorum ve her 1000ms.'de bir güncelliyorum. Şimdi bir html hazırlıyorum ve sayfada belirli divlerin içeriğine görseller eklemem gerekiyor. Ve bu eklediğim görseller jsondaki değerleri her 500ms.'de bir okuyarak deger=0 ise off.png, deger=1 ise on.png ve deger=2 ise alert.png'yi div içinde güncellemek istiyorum. bunun için birçok kod örneği buldum ama bir türlü uyarlayamadım. Yardımcı olursanız çok sevinirim.  

Konu çok eskiymiş. Ama belki zaman içinde böyle birşeye ihtiyacı olup da arayan olursa diye ekleyeyim. 

// JSON dosyasındaki veri. Burayı veriyi okuma kodunuzla değiştiriniz.
var jsonData = {
  id: 'div_id_degeri',
  deger: 1,
};

setInterval(function () {
  var deger = jsonData.deger;
  var divElement = document.getElementById(jsonData.id);
  if (deger === 0) {
    divElement.innerHTML =
      '<img src="https://img.icons8.com/?size=256&id=SIrFBU5ipxtm&format=png" alt="Off">';
  } else if (deger === 1) {
    divElement.innerHTML =
      '<img src="https://img.icons8.com/?size=512&id=hEvaCFFkiIOd&format=png" alt="On">';
  } else {
    divElement.innerHTML =
      '<img src="https://img.icons8.com/?size=256&id=12116&format=png" alt="Alert">';
  }
}, 1000);

Çalışan halini de buradan görüntülenebilir:  https://stackblitz.com/edit/js-l6cr7t?file=index.js


Kolay gelsin.