普通文字一直转换颜色 (HTML/JavaScript)

karhing

我要用html + JavaScript 吧文字转换颜色 ，（要自动转换一直换的，上网找到很多都是要按button 才换的 @@ )
我找到以下的sample，但是我是要整句字...不是一个字母
有人可以帮帮忙吗

1. <SPAN ID="animate"><B>Text you want to animate</B></SPAN>
   
2. <SCRIPT language="JavaScript">
   
3. animate('animate', '#ff8000');
   
4. </SCRIPT>

复制代码

1. <SCRIPT language="JavaScript"  type="text/javascript">
   
2. /*
   
3. Animate your text - Script
   
4. Visit http://rainbow.arch.scriptmania.com/scripts/
   
5. for this script and many more
   
6. */
   
7.         var ie4 = false;
   
8.         if(document.all) {
   
9.                 ie4 = true;
   
10.         }      
    
11.         function setContent(name, value) {
    
12.                 var d;  
    
13.                 if (ie4) {
    
14.                         d = document.all[name];
    
15.                 } else {
    
16.                         d = document.getElementById(name);
    
17.                 }      
    
18.                 d.innerHTML = value;   
    
19.         }      
    
20. 
    
21.         function getContent(name) {
    
22.                 var d;
    
23.                 if (ie4) {
    
24.                         d = document.all[name];
    
25.                 } else {
    
26.                         d = document.getElementById(name);
    
27.                 }
    
28.                 return d.innerHTML;
    
29.         }
    
30. 
    
31.         function setColor(name, value) {
    
32.                 var d;  
    
33.                 if (ie4) {
    
34.                         d = document.all[name];
    
35.                 } else {
    
36.                         d = document.getElementById(name);
    
37.                 }
    
38.                 d.style.color = value;  
    
39.         }
    
40. 
    
41.         function getColor(name) {
    
42.                 var d;
    
43.                 if (ie4) {
    
44.                         d = document.all[name];
    
45.                 } else {
    
46.                         d = document.getElementById(name);
    
47.                 }
    
48.                 return d.style.color;
    
49.         }
    
50. 
    
51.         function animate(name, col) {
    
52.                 var value = getContent(name);
    
53.                 if (value.indexOf('<span') >= 0) { return; }
    
54.                 var length = 0;
    
55.                 var str = '';
    
56.                 var ch;
    
57.                 var token = '';
    
58.                 var htmltag = false;        
    
59.                 for (i = 0; i < value.length; i++) {
    
60.                         ch = value.substring(i, i+1);
    
61.                         if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
    
62.                         token += ch;
    
63.                         if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
    
64.                         if (ch == '>' && htmltag) { htmltag = false; }
    
65.                         if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {               
    
66.                                 str += '<span id="' + name + '_' + length + '">' + token + '</span>';
    
67.                                 token = '';
    
68.                                 length++;
    
69.                         }
    
70.                 }
    
71.                 setContent(name, str);
    
72.                 command = 'animateloop(\'' + name + '\', ' + length + ', 0, 1, \'' + col + '\')';
    
73.                 setTimeout(command , 100);
    
74.         }
    
75. 
    
76.         function animateloop(name, length, ind, delta, col) {
    
77.                 var next = ind + delta;
    
78.                 if (next >= length) { delta = delta * -1; next = ind + delta; }
    
79.                 if (next < 0) { delta = delta * -1; next = ind + delta; }
    
80.                 setColor(name + '_' + ind, getColor(name + '_' + next));
    
81.                 setColor(name + '_' + next, col);
    
82.                 command = 'animateloop(\'' + name + '\', ' + length + ', ' + next + ', ' + delta + ', \'' + col + '\')';
    
83.                 setTimeout(command , 100);
    
84.         }
    
85. </SCRIPT>

复制代码

还是有其他更简单的写法吗？
我只要2种颜色一直换而已，

jasonmun

java 和 java script 都
傻傻分不清楚..

karhing

忘记了@@" 是 java script 才对
找到很多都是click 了 button 才换颜色的

1. <script language="Javascript">
   
2. function changeTextColor(color) {
   
3. document.body.style.color = color;
   
4. }
   
5. //-->
   
6. </script>
   
7. <form>
   
8. 
   
9. <input type="button" value="red" onClick="changeTextColor(this.value)">
   
10. <input type="button" value="green" onClick="changeTextColor(this.value)">
    
11. <input type="button" value="blue" onClick="changeTextColor(this.value)">
    
12. <input type="button" value="black" onClick="changeTextColor(this.value)">
    
13. </form>
    

复制代码

doktorkoo

回复 3# karhing

你看看这是你要的吗？

1. <html>
   
2. <script language="Javascript">
   
3. 
   
4. var timeseconds=0;
   
5. 
   
6. for( ; ;)
   
7. {
   
8.         timeseconds += 1000;
   
9.         setTimeout("document.fgColor='black';",timeseconds);
   
10.         timeseconds += 1000;
    
11.         setTimeout("document.fgColor='blue';",timeseconds);
    
12. }
    
13. 
    
14. </script>
    
15. <body>
    
16. <h1>Hello Word</h1>
    
17. </body>
    
18. </html>
    

复制代码