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.
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.
Verilmiş cavablar və yazılan şərhlər (3 cavab var)
2
Salam
Javascriptdə setInterval() funksiyası ilə bunu edə bilərsiniz. Məsələn:
1
setInterval(function(){
2
funksiya(); /*
3
Burada 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)
0
1
function 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.
0
1
function 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.
Sual verin
Cavab verin