D'actualisation <img> jQuery périodiquement

Similaire à Comment rafraîchir un élément(image) en jQuery mais pas en même temps.

J'ai une webcam qui enregistre les images toutes les 2 secondes plutôt que de le streaming. À l'aide de jQuery (ou directement en JS) je veux actualiser juste l'élément d'image.

Devrait être facile, mais toutes mes recherches montrent l'actualisation sur demande.

OriginalL'auteur jdborg | 2011-09-07

  1. 14
    setInterval(function(){
    $("#myimg").attr("src", "/myimg.jpg?"+new Date().getTime());
},2000);
    Où vous avez "myimg.jpg" j'ai un JS global var set avec le chemin d'accès, comment puis-je l'intégrer? J'ai essayé $("#myimg").attr("src", imagePath+"?"+d.getTime()); mais l'image disparaît
    j'ai écrit new Date().getTime(). si vous utilisez d.getTime() vous devez d'abord assigner var d = new Date();
    ah, en fait. merci.

    OriginalL'auteur Andy

  2. 3

    setInterval est un timer qui va exécuter une fonction tout x millisecondes

    setInterval(function () {
    var d = new Date();
    $("#myimg").attr("src", "/myimg.jpg?"+d.getTime());
}, 2000);
    Où vous avez "myimg.jpg" j'ai un JS global var set avec le chemin d'accès, comment puis-je l'intégrer? J'ai essayé $("#myimg").attr("src", imagePath+"?"+d.getTime()); mais l'image disparaît
    ah, en fait. merci.

    OriginalL'auteur Joe

  3. 2

    Cela devrait faire l'affaire:

    window.setInterval(function() {
    var d = new Date();
    $("#myimg").attr("src", "/myimg.jpg?"+d.getTime());
}, 2000);
    Où vous avez "myimg.jpg" j'ai un JS global var set avec le chemin d'accès, comment puis-je l'intégrer? J'ai essayé $("#myimg").attr("src", imagePath+"?"+d.getTime()); mais l'image disparaît
    ah, en fait. merci.

    OriginalL'auteur Niko

  4. 2

    Vous devez forcer le navigateur à realod l'image au lieu de le prendre à partir du cache. Vous pouvez le faire en changeant l'url, l'ajout d'un paramètre inutile qui change à chaque fois, par exemple un horodatage.

    $('img.webcam').each(function() {
    var jqt = $(this);
    var src = jqt.attr('src');
    src = src.substr(0,src.indexOf('?'));
    src += '?_ts=' + new Date().getTime();
    jqt.attr('src',src);
});

    Exécuter ce morceau de code à l'intérieur d'une minuterie ou d'un clic ou deux, ou quoi que ce soit.

    OriginalL'auteur Simone Gianni

  5. 1

    Ajouter un horodatage à la source de l'image, il va vous rafraîchir.

    setInterval(function(){
    $("img").each(function(){
       var timeStamp = (new Date()).getTime();
       $(this).attr("src", $(this).attr("src") + timeStamp );
    });
}, 2000);
    Contrairement à d'autres réponses, cela aurait augmenté la taille de l'URL toutes les 2 secondes (parce que vous gardez l'ajout, pas de remplacement). Il ne prendra pas trop de temps avant d'avoir une URL de milliers de caractères.

    OriginalL'auteur ShankarSangoli