以下のコードでは、文字の配列を含むvalue属性を使用して内部 HTML を変更するために、クラス "rot"を持つオブジェクトを作成しようとしました。
この文字が間隔をあけて回転するようにしたいです。
問題はforループの内側にあることに気付きました- setTimeoutなどが必要ですが、うまくいきません。
この問題の解決策はありますか?
前もって感謝します。
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<span class="rot" value="$^%^@">currency</span>
<span class="rot" value="1^2^3">numbers</span>
<script>
function rotateItem()
{
for(j=0;j<$(".rot").get().length;j++)
{
valueToRotate = $(".rot:eq("+j+")").attr("value").split("^");
for(i=0;i<valueToRotate.length;i++)
{
$(".rot:eq("+j+")").html(valueToRotate[i]);
}
}
}
setInterval("rotateItem()",1000)
</script>