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