2012-05-30 116 views
2

我需要在8秒後停止閃爍文字。除了能夠在8秒後停止之外,所有的部件都能夠完美運行。我是新來這個,需要幫助...需要jquery閃爍文字纔會閃爍8秒,然後停止

下面是我用的,請大家給點建議或添加到這個代碼什麼,我需要爲它〜8秒後停止代碼:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script> 

<div id="msg"> <strong><font color="red">text example</font></strong></p> </div> 

<script type="text/javascript" > 
function blink(selector){ 
    $(selector).fadeOut('slow', function(){ 
     $(this).fadeIn('slow', function(){ 
      blink(this); 
     }); 
    }); 
} 

blink('#msg'); 
</script> 

謝謝

回答

0
function blink(selector){ 

    // all blink happen with 8 seconds interval 

    setTimeout(function() { 

    $(selector).fadeOut('slow', function(){ 

     $(this).fadeIn('slow', function(){ 

      blink(this); // recursive function will call after fadeIn finish 

     }); 
    }); 

    }, 8000); // set interval to 8 seconds 
} 
1
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script> 

<div id="msg"> <strong><font color="red">text example</font></strong></p> </div> 

<script type="text/javascript" > 
var timer = 0; 

var timeSpan = setInterval(function(){ 
    timer++; 
},1000); 

function blink(selector) 
{ 
    if(timer == 0) 
     timeSpan; 
    $(selector).fadeOut('slow', function(){ 
     $(this).fadeIn('slow', function(){ 
      if(timer < 8) 
       blink(this); 
        else 
        { 
        clearInterval(timeSpan); 
       $(this).hide(); 
        } 
     }); 
    }); 
} 

blink('#msg'); 
</script> 

嘗試了這一點

+0

鬱多羅嗨,試過,但它似乎並沒有工作。文本保持8秒鐘,然​​後淡出,然後再次進入。我錯過了什麼嗎?我需要文本以標準形式閃爍,但需要8秒後文本纔會完全停止閃爍(即它必須完全停止閃爍)。我並不是指文本閃爍後淡出/淡入,而是在8秒鐘後停止文本閃爍。感謝您的幫助,感謝它 – user1425500

+0

嘗試上面的代碼,編輯 – Uttara

+0

感謝mil,完美的作品。現在唯一的事情是,8秒後需要文字消失......這很難嗎? – user1425500

6

你可以嘗試這樣的添加到您的代碼:

var stopBlinking = false; 
setTimeout(function() 
{ 
    stopBlinking = true; 
}, 8000); 

function blink(selector) { 
    $(selector).fadeOut('slow', function() { 
     $(this).fadeIn('slow', function() { 
      if (!stopBlinking) 
      { 
       blink(this); 
      } 
      else 
      { 
       $(this).hide(); 
      } 
     }); 
    }); 
} 

看一下例子here