jQueryで通貨を回転する

Question

私はclass = valueのすべてのスパンで1秒間隔で通貨を回転させる簡単なスクリプトを探しています。

<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は次のようになります。すべてのヘルプは高く評価され

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

などを...！

Answer 1

あなたはsetInterval機能を使用できます。

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

Answer 2

次のことがうまくいけば十分でしょう。

$(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); 
}); 

は、シンボル、HTMLのエンティティを使用しないように注意してくださいまたはあなたが奇妙な結果を得ることができます。

Answer 3

私はそれらの配列作る助言する：

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