javascript циклическая смена class у div'а

Тема в разделе "Другие языки", создана пользователем ragers, 15 мар 2011.

Модераторы: Цукер
  1. ragers

    ragers Постоялец

    Регистр.:
    18 июл 2010
    Сообщения:
    98
    Симпатии:
    22
    Приветствую.
    Есть такой код
    HTML:
    <div id="slide_show" class="user_bg_1" >	
    <script type="text/javascript">
    var i = 1;
    var c = 2;
    function change_class() {
    i++;
    document.getElementById('slide_show').className='user_bg_'+i;
    if (i>=c)
    i=0;
    window.setTimeout( 'change_class()', 500);
    }
    </script>
    Нужно чтобы циклически менялся class="user_bg_1" на user_bg_2, user_bg_3, и т.д. Но на странице ничего не происходит. Я в джаваскрипте полный ноль, буду очень вам благодарен за помощь!
     
  2. horpah

    horpah

    Регистр.:
    21 июн 2010
    Сообщения:
    200
    Симпатии:
    55
    Код:
    <div id="slide_show" class="user_bg_1" >gfdgdfg</div>	
    <script type="text/javascript">
    var i = 1;
    var c = 3;
    function change_class() {
    i++;
    document.getElementById('slide_show').className='user_bg_'+i;
    if (i>=c)
    i=0;
    }
    setInterval('change_class()', 500);
    </script>
    
    1)Нужно во первых закрыть </DIV>

    2)поставить setInterval('change_class()', 500); за пределами функции, поскольку он никогда не вызовется.

    3) и по-мелочи: С=3 а не 2
     
    ragers нравится это.
  3. ragers

    ragers Постоялец

    Регистр.:
    18 июл 2010
    Сообщения:
    98
    Симпатии:
    22
    Всё работает, див закрыт в коде, просто я не весь кусок скопировал.
    Еще раз Большое Человеческое Спасибо!