Форум

bpystep · #1 (**permalink**) 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);

рони · #2 (**permalink**) 08.08.2013, 23:32

bpystep,

<!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 · #3 (**permalink**) 09.08.2013, 13:44

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

Форум

Справочник

Discord чат

Курсы javascript