Rotation des devises avec jQuery

Question

Je recherche un script simple qui permute les devises avec un intervalle de 1 seconde sur toutes les travées avec une valeur class =.

<script type="text/javascript"> 
    $(document).ready(function() { 

     var str1 = "£"; 
     var str2 = "€"; 
     var str3 = "$"; 

     $("span.value").text(str1); //how can I rotate between the str1, 2 and 3 with a 1 second interval? 
    }); 
</script> 

HTML ressemble à ceci:

<h2>Get <span class="value"></span> discount.</h2> 
<h3>Get <span class="value"></span> extra.</h3> 

et ainsi de suite ....

Toute aide est appréciée!

Answer 1

Vous pouvez utiliser la fonction setInterval:

var currencies = ['£', '€', '$']; 
var index = 0; 
window.setInterval(function() { 
    var value = currencies[(index++) % currencies.length]; 
    $('span.value').text(value); 
}, 1000); 

Answer 2

Ce qui suit suffira je l'espère:

$(document).ready(function() { 
    var currencyIndex = 0; 
    var currencies = ['£', '€', '$']; 

    var cInterval = setInterval(function() { 
     $("span.value").text(function() { 
      return currencies[currencyIndex]; 
     }); 

     currencyIndex = (currencyIndex + 1) % currencies.length; 
    }, 1000); 
}); 

Rappelez-vous d'utiliser des entités en HTML, et non pas les symboles ou vous obtiendrez des résultats étranges.

Answer 3

Je vous conseille de les faire un tableau:

var i; 
window.setInterval(function() { 
    $('span.value').text(currencies[(++i % currencies.length) + 1]); 
},1000)