接收新數據時的閃爍效果

Question

我正在編寫一個「搜索遊戲」應用程序，我使用jQuery通過PHP自動獲取新遊戲請求，該應用程序打印出MySQL表中的行。

我想要做的是使新的請求閃爍幾秒鐘，也許紅色或什麼。我如何使用jQuery來做到這一點？我想我必須以某種方式比較數據，但不知道如何。

Answer 1

• 當新數據進來時，給表示這個新數據的元素一個類。

$('#theElementContainingNewText').addClass('blinking');

• 寫選擇所有的元素讓你的閃爍類，並觸發其知名度

• 使用功能的setInterval以定期調用切換功能的函數每500ms左右

setInterval(function(){$('.blinking').toggle();},500);

Answer 2

無論是作爲travelboy說，或者你可以這樣做：

$('.className Or #elementId').fadeOut(400).fadeIn(400).fadeOut(400).fadeIn(400); 

我用這個我自己對我自己的網站和它完美的作品。劇本並不漂亮，但它會完成這項工作。

更新
對於誰想要使用更jQuery的方式，使用下面的代碼來達到同樣的效果的人。

$.fn.blink = function (speed, blink) { 
    var options = { 
     xSpeed: speed ? speed : 400, // Set the blink speed 
     xBlink: blink ? blink : 5 // Set how many times the element should blink 
    }; 
    for (var i = 0; i < options.xBlink; i++) { 
     this.fadeOut(options.xSpeed); 
     this.fadeIn(options.xSpeed); 
    } 
    return this; // To support jQuery chain-ability 
}; 

實施例：

$(function() { 
    $('#MyDiv').blink(600, 3); 
}); 

實施例使用鏈能力：

$(function() { 
    $('#MyDiv').blink(600, 3).css("background-color", "green"); 
}); 

Answer 3

與此

$(document).ready(function() { 
    $("#theElement").click(function() { 
     $("#ContainingNewText").animate({ 
      height: "toggle", 
      opacity: "toggle" 
     }, "slow"); 
    }); 
}); 

嘗試