Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Почему не работает setAttribute? (https://javascript.ru/forum/events/71851-pochemu-ne-rabotaet-setattribute.html)

Sinevik 17.12.2017 21:44

Почему не работает setAttribute?
 
Нажмите на красный квадратик.
Почему оно переключает радио кнопку только один раз а дальше не идет, оно должно каждые 2 секунды переключать радио кнопку соседнюю
https://jsfiddle.net/uscthdy7/

рони 17.12.2017 21:57

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>

Sinevik 17.12.2017 22:25

Спасибо за ответ
 
А почему мой код не работал?

рони 17.12.2017 22:38

Sinevik,
потому что нет удалений атрибута


Часовой пояс GMT +3, время: 16:59.