Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   добавление, удаление класса ("мигание") (https://javascript.ru/forum/misc/40525-dobavlenie-udalenie-klassa-miganie.html)

bpystep 08.08.2013 22:55

добавление, удаление класса ("мигание")
 
Ребят подскажите как правильнее написать вот такой кусок говнокода:
$('#comm_'+id).addClass('active');
			setTimeout(function() {
				$('#comm_'+id).removeClass('active');
				setTimeout(function() {
					$('#comm_'+id).addClass('active');
					setTimeout(function() {
						$('#comm_'+id).removeClass('active');
						setTimeout(function() {
							$('#comm_'+id).addClass('active');
							setTimeout(function() {
								$('#comm_'+id).removeClass('active');
								setTimeout(function() {
									$('#comm_'+id).addClass('active');
									setTimeout(function() {
										$('#comm_'+id).removeClass('active');
										setTimeout(function() {
											$('#comm_'+id).addClass('active');
											setTimeout(function() {
												$('#comm_'+id).removeClass('active');
											}, 500);
										}, 500);
									}, 500);
								}, 500);
							}, 500);
						}, 500);
					}, 500);
				}, 500);
			}, 500);

рони 08.08.2013 23:32

bpystep,
:cray:
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 .active{
     background-color: #FF0000;
   }

  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
$(document).ready(function() {
  function mig(id, ms, cls, num) {

  var timer = setInterval(function() {
      $('#comm_'+id).toggleClass(cls);
      !num-- && clearInterval(timer);
  } , ms) }

  mig(512, 500, 'active', 9)

  });
  </script>
</head>
<body>
  <div id="comm_512">
    12345
  </div>
</body>
</html>

bpystep 09.08.2013 13:44

рони,
Спасибо, еще с этим не работал, буду разбираться


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