用颜色显示字符

时间:2013-08-27 23:47:36

标签: javascript html razor

我正在尝试创建一个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>

1 个答案:

答案 0 :(得分:1)

试试这个:

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