使用jQuery旋转货币

我正在寻找一个简单的脚本，它可以在类=值的所有跨度上以1秒的间隔旋转货币。使用jQuery旋转货币

<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>

等等....

所有帮助表示赞赏！

来源

2010-11-24 NicoF

非常感谢你们！ – NicoF 2010-11-24 14:57:12

您可以使用setInterval功能：

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

来源

2010-11-24 14:31:14

下面将有望足够了：

$(document).ready(function() { 
    var currencyIndex = 0; 
    var currencies = ['&pound;', '&euro;', '$']; 

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

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

记住使用实体HTML，而不是符号或你会得到奇怪的结果。

来源

2010-11-24 14:33:33 Orbling

+1使用实体。用户的字体可能没有相同位置的货币符号等。 – 2010-11-24 14:35:36

我会建议他们做一个数组：

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

来源

2010-11-24 14:34:28

使用jQuery旋转货币

回答

相关问题