Форум

Dimaz · #1 (**permalink**) 24.01.2013, 22:01

Привет всем. Хочу, чтобы при клике по div-у каждые 200 мс изменялся его цвет. Цвет меняется, но только один раз. Что не так?

$('div').click(function(){
    for(var i=1; i<100; i++){
    setTimeout(function(){
    $('div').css("background-color","RGB("+i+",200,15)");
    },200);
    }
});

рони · #2 (**permalink**) 24.01.2013, 22:15

Dimaz,
Пример ошибочного использования

рони · #3 (**permalink**) 24.01.2013, 22:38

Dimaz,

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
 $('div').click(function(){
    for(var i=1; i<256; i++){
    setTimeout(function(x){
    return function() {$('div').css("background-color","RGB("+x+",200,15)").html(x)
    }}(i),200*i) }
});
});
</script>
</head>
<body>
<div style="width:330px;height:100px;">click</div>
</body>
</html>

Deff · #4 (**permalink**) 24.01.2013, 22:41

Сообщение от Dimaz

но только один раз. Что не так?

Один раз клик возможен или что ?

Dimaz · #5 (**permalink**) 24.01.2013, 22:43

Спасибо большое

Dimaz · #6 (**permalink**) 24.01.2013, 22:47

Сообщение от Deff

Один раз клик возможен или что ?

Да нет. Цвет менялся, но сразу, а не постепенно. Рони подсказал, теперь все работает. Осталось только вникнуть в весь этот код.)

рони · #7 (**permalink**) 24.01.2013, 22:51

Dimaz,
В вашем случае i всегда 99 было и все таймеры на одно и тоже время.срабатывал первый таймер, а все остальные уже ничего не меняли.

Форум

Справочник

Discord чат

Курсы javascript