Показать сообщение отдельно
  #13 (permalink)  
Старый 12.12.2013, 18:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Faab,
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>Interval</title>
  <style type="text/css">
    span{
     display: inline-block;
     width: 20px;
     text-align: center;
    }
    .spanAvtive {
      border: 3px red solid;
    }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
$(window).load(function () {
    function b() {
        window.clearTimeout(d);
        c[a].removeClass("spanAvtive");
        a = ++a % e;
        c[a].addClass("spanAvtive");
        d = window.setTimeout(b, 2E3)
    }
    var a = 10,
        c = Array(a),
        e = c.length;
    $.each(c, function (a, b) {
        c[a] = $("<span/>", {
            text: a
        }).appendTo(".b-container")
    });
    a--;
    b();
    var d = window.setTimeout(b, 2E3);
    $(".eButtonNext").click(b);
    $(".eButtonStop").click(function () {
        window.clearTimeout(d)
    })
});  </script>
</head>
<body>

  <div class="b-container"></div>
  <div>
    <input type="button" value="next" class="eButtonNext" />
    <input type="button" value="stop" class="eButtonStop" />
  </div>

</body>
</html>

Последний раз редактировалось рони, 12.12.2013 в 19:01.
Ответить с цитированием