Saya mahu setiap huruf dalam teks bertukar warna satu demi satu, satu demi satu. Sebagai contoh: Hai dunia "H" akan bertukar merah dahulu, kemudian "E", kemudian "L", dan seterusnya.
Saya cuba membungkus setiap huruf dalam jengkal dan menggunakan jquery dan gelung. Tetapi ia tidak berfungsi.
$("span").ready(function() { var huruf = $("span").panjang; untuk (biar i = 0; i <= huruf; i++) { $("span")[i].css("warna", "merah"); } })
H E L L O , W O R L D
Dalam jQuery, anda boleh menggunakan fungsieach
untuk mengulangi semua elemen pemilih
Untuk "menunggu" antara dua perubahan warna, anda boleh membenamkan perubahan CSS ke dalam fungsisetTimeout
, dipautkan ke indeks setiap gelung
$(".letters span").each(function(index, elem) { setTimeout(function() { $(elem).css('color', 'red'); }, index * 500); });
H E L L O , W O R L D