Сменане на div през 5 секунди

oniq

Registered
Здравейте, имате ли идея за някой примерен код като.

Код:
<div id="osnova">

<div id="text1">text1</div>
<div id="text2">text2</div>
<div id="text3">text3</div>


</div>

Например нещо подобно и тези дивове с id text1, text2, text3 да се въртят през 5 секунди. Т.е да се сменят сами :)
 
HTML:
<html>
<head>
<title>Сменяне на div</title>
<script type="text/javascript">
function changeText() {
var text1 = document.getElementById("text1");
var text2 = document.getElementById("text2");
var text3 = document.getElementById("text3");
if (text1.style.display == "block") {
text1.style.display = "none";
text2.style.display = "block";
} else if (text2.style.display == "block") {
text2.style.display = "none";
text3.style.display = "block";
} else if (text3.style.display == "block") {
text3.style.display = "none";
text1.style.display = "block";
}
}
window.onload = function() {
window.setInterval('changeText()', 5000);
}
</script>
</head>
<body>
<div id="osnova">
<div id="text1" style="display:block;">text1</div>
<div id="text2" style="display:none;">text2</div>
<div id="text3" style="display:none;">text3</div>
</div>
</body>
</html>
 

Back
Горе