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:

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

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

xazar

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

1function showDiv(idInfo) {
2  var sel = document.getElementById('divLinks').getElementsByTagName('div');
3  for (var i=0; i<sel.length; i++) {
4    sel[i].style.display = 'none';
5  }
6  document.getElementById('container'+idInfo).style.display = 'block';
7}
8 
9 
10 #container2, #container3, #container4 {
11  display:none;
12  overflow:hidden;
13}
14 
15<div id="linkDiv">
16 <a href="#">Headlines</a>
17 <a href="#">Features</a>
18 <a href="#">Specials</a>
19</div>
20<p>
21 
22<div id="container">
23 İçində olacaq yazı
24 <div id="divLinks">
25 <div id="container1">Container #1<p>Yazı 1</div>
26 <div id="container2">Container #2<p>Yazı 2</div>
27 <div id="container3">Container #3<p>Yazı 3</div>
28 <div id="container4">Container #4<p>Yazı 4</div>
29</div>
30</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

1function showDiv(idInfo) {
2  var sel = document.getElementById('divLinks').getElementsByTagName('div');
3  for (var i=0; i<sel.length; i++) {
4    sel[i].style.display = 'none';
5  }
6  document.getElementById('container'+idInfo).style.display = 'block';
7}
8 
9 
10 #container2, #container3, #container4 {
11  display:none;
12  overflow:hidden;
13}
14 
15<div id="linkDiv">
16 <a href="#">Headlines</a>
17 <a href="#">Features</a>
18 <a href="#">Specials</a>
19</div>
20<p>
21 
22<div id="container">
23 İçində olacaq yazı
24 <div id="divLinks">
25 <div id="container1">Container #1<p>Yazı 1</div>
26 <div id="container2">Container #2<p>Yazı 2</div>
27 <div id="container3">Container #3<p>Yazı 3</div>
28 <div id="container4">Container #4<p>Yazı 4</div>
29</div>
30</div>