Update image with timer using AJAX

Question

I have this function:

 if ($files_count == 0) {
    ?>
    <img src="img/upload.gif">
    <?php
 }

And I needed this to update every five seconds refresh on the page. I have tested several AJAX functions and I can’t. How to solve this?

Answer 1

Hiccup!

HTML:

<div class="container"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">

SCRIPT:

setInterval(function () {
    check_files();
}, 5000);

function check_files() {
    $.ajax({
        url: 'path/to/php/file.php',
        type: 'GET',
        cache: false,
        data: {},
        success: function (resp) {
            if (resp == 0) {
                $('.container').html('<img src="img/upload.gif" />');
            } else {
                /// mais alguma coisa
            }
        }
    });
}