2013-09-26 3 views
0

Привет, друзья Я хочу запустить свой код только с помощью одной функции setInterval. В настоящее время я использую два setInterval's, чтобы достичь своей цели, мы можем получить тот же результат с использованием только один «setInterval» для Reff pleaase перейдите по этой ссылке http://jsfiddle.net/msUyh/ и я также упомянул мой код нижеИспользование setInterval в другой Setinterval

сценария

setInterval(function() { 
     $('div').css('display', 'none'); 
    }, 5000); 

    var num = 2; 
$('div').append('1<br/>') 
    setInterval(function() { 
     if (num <= 5) { 
      $('div').append(num + '<br/>') 
      num++; 
     } 
    }, 1000) 

CSS

body, html{height:100%;} 
div 
{ 
    position:absolute; 
    width:100%; 
    height:100%; 
    background:#000; 
    display:block; 
    font:15px Arial, Helvetica, sans-serif; color:#fff; 
} 

HTML

<div></div> 
+0

Вы не останавливая свой интервал в любом месте? –

+0

смотри, как этот путь, о котором я упоминаю в своем ответе, спасибо @Jack –

ответ

1

Просто добавить некоторые дополнительные условия в оригинальном setInterval

var num = 2; 
$('div').append('1<br/>') 
setInterval(function() { 
    if (num <= 5) { 
     $('div').append(num + '<br/>') 
     num++; 
    } else if (num < 6) { 
     num++; 
    } else { 
     $('div').css('display', 'none'); 
    } 
}, 1000) 

Fiddle example

Поскольку вы не упоминая очистки интервал я предполагаю, что вы можете рассматривать с помощью этого в постоянном порядке, как следующая скрипка.

Repeating Counter

+0

Спасибо за помощь ... :) – Kamal

-1
var num = 2; 
    $('div').append('1<br/>') 
    var setint= setInterval(function() { 

      if (num <= 5) { 
       $('div').append(num + '<br/>') 
       num++; 
      }else{ 
      $('div').css('display', 'none'); 
      clearInterval(setint); 
      }  
     }, 1000) 
+0

, почему down downvoter работает –

Смежные вопросы