Javascript div content dəyişməkdə kömək.

Salam dostlar,mən wordpress üçün tema düzəldirdim amma ki bir kömək lazımdı.Mən sidebarda div-in içində contentin buttonla dəyişməsi üçün kod yazmışam.Kod işləyir amma mən bu dəyişməyin avtomatik olaraq 10 saniyədən bir təkrarlanmasını da istəyirəm.

Sualı verdi: xazar (04/03/2016)

Yadda saxlama

dizayn, JavaScript, Tema, web, wordpress. Qısa keçid.

Verilmiş cavablar və yazılan şərhlər (3 cavab var)

Şükür Hüseynov

(11:40, 04/03/2016 ) #61934

Salam
Javascriptdə setInterval() funksiyası ilə bunu edə bilərsiniz. Məsələn:

setInterval(function(){
funksiya(); /*
Burada funksiya contentin dəyişməsi üçün yazılan funksiyasdır.
 Funksiya əvəzinə birbaşa buttona yazdığınız əməliyyyatları da
 yaza bilərsiniz. Aşağıda isə vaxt millisaniyə ilə göstərilir.
*/
},10000)

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

xazar

(23:38, 04/03/2016 ) #61945

function showDiv(idInfo) {
  var sel = document.getElementById('divLinks').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    sel[i].style.display = 'none';
  }
  document.getElementById('container'+idInfo).style.display = 'block';
}


 #container2, #container3, #container4 {
  display:none;
  overflow:hidden;
}

<div id="linkDiv">
 <a href="#">Headlines</a>
 <a href="#">Features</a>
 <a href="#">Specials</a>
</div>
<p>

<div id="container">
 İçində olacaq yazı
 <div id="divLinks">
 <div id="container1">Container #1<p>Yazı 1</div>
 <div id="container2">Container #2<p>Yazı 2</div>
 <div id="container3">Container #3<p>Yazı 3</div>
 <div id="container4">Container #4<p>Yazı 4</div>
</div>
</div>

İşlətdiyim kod budu.Setinterval ilə etməli olduğumu bilirəm amma bacarmadım.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

xazar

(23:56, 04/03/2016 ) #61947

function showDiv(idInfo) {
  var sel = document.getElementById('divLinks').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    sel[i].style.display = 'none';
  }
  document.getElementById('container'+idInfo).style.display = 'block';
}


 #container2, #container3, #container4 {
  display:none;
  overflow:hidden;
}

<div id="linkDiv">
 <a href="#">Headlines</a>
 <a href="#">Features</a>
 <a href="#">Specials</a>
</div>
<p>

<div id="container">
 İçində olacaq yazı
 <div id="divLinks">
 <div id="container1">Container #1<p>Yazı 1</div>
 <div id="container2">Container #2<p>Yazı 2</div>
 <div id="container3">Container #3<p>Yazı 3</div>
 <div id="container4">Container #4<p>Yazı 4</div>
</div>
</div>

İşlətdiyim kod budu.Setinterval ilə etməli olduğumu bilirəm amma bacarmadım.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

Bu suala aid öz sualım var:
Sual verin

Bu suala cavab vermək istəyirəm:
Cavab verin