如何在Javascript中使文本中的每个字母具有不同的随机颜色

我试图使每一个字母在一小行文字不同的随机颜色。我似乎只能让它在使用.hover时执行此操作，但我希望它立即执行此操作（一旦页面加载）。请帮忙。我还想知道是否有人知道如何使用css或Javascript在每个字母上设置不同的颜色（设置颜色），因为当我尝试这样做时，它不允许我在同一个div/id上调用函数（我尝试将文本拱形化）。多谢各位

这是我的密码

var colours = ["#000000", "#FF0000", "#990066", "#FF9966", "#996666", "#00FF00", "#CC9933"], 
    idx;

$("#arch").hover(function(){
    var div = $(this); 
    var chars = div.text().split('');
    div.html('');     
    for(var i=0; i<chars.length; i++) {
        idx = Math.floor(Math.random() * colours.length);
        var span = $('<span>' + chars[i] + '</span>').css("color", colours[idx])
        div.append(span);
    }

}, function() {
    $(this).find('span').css("color","#FF0000");
});

var colors=[“000000”、“FF0000”、“990066”、“FF9966”、“996666”、“00FF00”、“CC9933”]，
idx；
$（“#arch”）.hover（函数（）{
var div=$（本）；
var chars=div.text（）.split（“”）；
div.html（“”）；
对于（var i=0；iTry）（未测试）：

$（文档）.ready（函数（）{
var div=$（'拱'）；
var chars=div.text（）.split（“”）；
div.html（“”）；
对于（var i=0；i
var colors=[“000000”、“FF0000”、“990066”、“FF9966”、“996666”、“00FF00”、“CC9933”]，
idx；
$（函数（）{
var div=$（'拱'）；
var chars=div.text（）.split（“”）；
div.html（“”）；
对于（var i=0；iI）我试图对文本进行拱起/弯曲，但当我尝试对随机颜色进行拱起时，它不会对文本进行拱起。CODE->$（“#arch”）.arctext（{radius:300}）var colors=[“#000000”，“#FF0000”，“#990066”，“#FF9966”，“#996666”，“#00FF00”，“#CC9933”]，idx；$（函数{divarch'）；var chars=div.text（）.split（“”）；div.html（“”）；for（var i=0；i
$(document).ready(function(){
    var div = $('#arch'); 
    var chars = div.text().split('');
    div.html('');     
    for(var i=0; i<chars.length; i++) {
        idx = Math.floor(Math.random() * colours.length);
        var span = $('<span>' + chars[i] + '</span>').css("color", colours[idx])
        div.append(span);
    }
}

    var colours = ["#000000", "#FF0000", "#990066", "#FF9966", "#996666", "#00FF00", "#CC9933"], 
    idx;

$(function() {
    var div = $('#arch'); 
    var chars = div.text().split('');
    div.html('');     
    for(var i=0; i<chars.length; i++) {
        idx = Math.floor(Math.random() * colours.length);
        var span = $('<span>' + chars[i] + '</span>').css("color", colours[idx]);
        div.append(span);
    }
});