how to animate jquery load()

javascript jquery setinterval
Ali Demirci picture Ali Demirci · Dec 13, 2011 · Viewed 19.9k times · Source

hello im using this code to load content from another php file.

$(document).ready(function(){
           setInterval(function(){
                               $('.live-stream ul').each(function(){
                                    $(this).load('tx.php');
                        });
                }, 1000);

        });

this works correctly but i want script to fadeIn each "li" when a new record added, anyone?

the thing i want to do is something like facebook's live user action feed that on the right top of facebook home

Answer

Andri picture Andri · Jan 22, 2013

You have to hide it first. 

$(this).hide().load("tx.php").fadeIn('500');

Related questions

Stop setInterval

I want to stop this interval in the error handler from running repeatedly. Is that possible, and if so, how? // example code $(document).on('ready',function(){ setInterval(updateDiv,3000); }); function updateDiv(){ $.ajax({ url: 'getContent.php', success: function(data){ $('.square').html(…

Read More
How to stop "setInterval"

How do I stop and start setInterval? Suppose I have a textarea. I want to stop setInterval on focus and restart setInterval on blur (with jQuery).

Read More
How to start and stop/pause setInterval?

I'm trying to pause and then play a setInterval loop. After I have stopped the loop, the "start" button in my attempt doesn't seem to work : Is there a working way to do this?

Read More