Sinevik,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.noga{
width: 50px;
height: 50px;
background-color: red;
}
</style>
</head>
<body>
<input checked type="radio" name="slider" id="switch1">
<input type="radio" name="slider" id="switch2">
<input type="radio" name="slider" id="switch3">
<input type="radio" name="slider" id="switch4">
<input type="radio" name="slider" id="switch5">
<div id="slider" class="noga">
</div>
<script>
var a = document.getElementById("switch1");
var b = document.getElementById("switch2");
var c = document.getElementById("switch3");
var d = document.getElementById("switch4");
var e = document.getElementById("switch5");
var element = document.getElementById("slider");
element.onclick = function (){
setInterval(function(){
if(a.checked){
b.checked = true;
}else if(b.checked){
c.checked = true;
}else if(c.checked){
d.checked = true;
}else if(d.checked){
e.checked = true;
}else if(e.checked){
a.checked = true;
}
}, 2000);
}
</script>
</body>
</html>
