Javascript 用颜色显示字符

Javascript 用颜色显示字符,javascript,html,razor,Javascript,Html,Razor,我试图创建一个Javascript函数,将字符串中的字符随机分配给我选择的一组颜色。我不太确定如何在字符串中选择一个字符并为其指定颜色 这是我的密码: <script> function Rainbow(x,chosencolor) { var mystring = String(x); @* convert to string*@

我试图创建一个Javascript函数,将字符串中的字符随机分配给我选择的一组颜色。我不太确定如何在字符串中选择一个字符并为其指定颜色

这是我的密码:

    <script>
        function Rainbow(x,chosencolor) {
            var mystring = String(x);                                              @* convert to string*@
            var Stringlength = mystring.lenth;                                     @* length fo string *@
            var rainbowstring = new Array(Stringlength);                           @* create array of appropriate size*@
            var counter = 0;

            while (counter < Stringlength) {
                var randomnumber = Math.floor(Math.random() * 10);                     @* random number generator --> 11 means 0-10 *@         

                  switch (randomnumber) {
                    case 0:

                        break;
                    case 1:

                        break;
                    case 2:

                        break;
                    case 3:

                        break;
                    case 4:

                        break;
                    case 5:

                        break;
                    case 6:

                        break;
                    case 7:

                        break;
                    case 8:

                        break;
                    case 9:

                        break;
                }
                rainbowstring[counter] = chosencolor;                              @* assign color *@
                counter++;                                                         @* increment *@
            }
     }

        @* need something that generates colors *@
        @* assigns colors to text *@

    </script>

功能彩虹(x,chosencolor){
var mystring=String(x);@*转换为String*@
var Stringlength=mystring.lenth;@*字符串的长度*@
var rainbowstring=新数组(Stringlength);@*创建适当大小的数组*@
var计数器=0;
while(计数器11表示0-10*@
开关(随机数){
案例0:
打破
案例1:
打破
案例2:
打破
案例3:
打破
案例4:
打破
案例5:
打破
案例6:
打破
案例7:
打破
案例8:
打破
案例9:
打破
}
彩虹串[计数器]=chosencolor;@*指定颜色*@
计数器+++;@*增量*@
}
}
@*需要能产生颜色的东西吗*@
@*为文本指定颜色*@
试试这个:

<script>
function Rainbow(x,chosencolor) {
  var mystring = String(x);                                              @* convert to string*@
 var Stringlength = mystring.lenth;                                     @* length fo string *@
 var rainbowstring = new Array(Stringlength);                           @* create array of appropriate size*@
var counter = 0;
var clr, ltr;
  while (counter < Stringlength) {
    var randomnumber = Math.floor(Math.random() * 10);                     @* random number generator --> 11 means 0-10 *@   
    ltr = mystring.charAt(counter); //--- get the current letter      
    switch (randomnumber) {
        case 0: clr='#f00'; break;
        case 1: clr='#0f0'; break;
        case 2: clr='#00f'; break;
        case 3: clr='#000'; break;
        case 4: clr='#fff'; break;
        case 5: break;
        case 6: break;
        case 7: break;
        case 8: break;
        case 9: break;
     }
     rainbowstring[counter] = "<span style='color:"+clr+"'>"+ltr+"</span>";                              @* assign color *@
     counter++;                                                         @* increment *@
   }
}
</script>

功能彩虹(x,chosencolor){
var mystring=String(x);@*转换为String*@
var Stringlength=mystring.lenth;@*字符串的长度*@
var rainbowstring=新数组(Stringlength);@*创建适当大小的数组*@
var计数器=0;
var-clr,ltr;
while(计数器11表示0-10*@
ltr=mystring.charAt(计数器);//---获取当前字母
开关(随机数){
案例0:clr='#f00';中断;
案例1:clr='#0f0';中断;
案例2:clr='#00f';中断;
案例3:clr='#000';中断;
案例4:clr='#fff';中断;
案例5:断裂;
案例6:断裂;
案例7:断裂;
案例8:断裂;
案例9:断裂;
}
彩虹串[计数器]=“”+ltr+“”;@*指定颜色*@
计数器+++;@*增量*@
}
}