wmaraci reklam

Kod Örneği Lazım

2 Mesajlar 506 Okunma
wmaraci reklam

anesteziker anesteziker WM Aracı Kullanıcı
  • Üyelik 20.09.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek sağlık
  • Konum Ankara
  • Ad Soyad U** K**
  • Mesajlar 45
  • Beğeniler 4 / 4
  • Ticaret 0, (%0)

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.  

 

 

wmaraci
reklam

Bu mesaj @Pasa tarafından doğru cevap olarak işaretlenmiştir.

emreyvz emreyvz .NET Core & Angular & PHP Kullanıcı
  • Üyelik 19.04.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** Y**
  • Mesajlar 689
  • Beğeniler 110 / 250
  • Ticaret 24, (%100)

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.

kişi bu mesajı beğendi.

emreyvz emreyvz .NET Core & Angular & PHP Kullanıcı
  • Üyelik 19.04.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** Y**
  • Mesajlar 689
  • Beğeniler 110 / 250
  • Ticaret 24, (%100)

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.

BEYAZMASTER ardabasar mkirazz63

kişi bu mesajı beğendi.

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al