你如何使用JS制作变色文本?

时间:2014-12-22 20:36:58

标签: php text colors

所以,让我们说我希望在我的网站上有一段文字,每秒都会改变颜色。我知道如何使用JS来改变文本的颜色,但不知道如何根据某些参数继续自动更改它。例如,循环使用数千种颜色,而不仅仅是一种或两种颜色。

3 个答案:

答案 0 :(得分:1)

这是一个用颜色闪烁文本的简单方法

Js:

// List of colors
var spectrum = ['#f00', '#f66', '#969', '#00F', '#0FB53F'];
var cycle = spectrum.length-1;
// Cycle speed
var speed = 300;
var i = 0;
    window.setInterval(function(){
    document.getElementById('index').style.color = spectrum[i];
    if (i < cycle) i++;
    else i = 0;
}, speed);

HTML

<p id="index">Flashing text</p>

Demo

答案 1 :(得分:0)

你可以在PHP里面简单地使用html:

echo "<font color='red'>Hello World</font>";

对于循环,您可以简单地创建一个包含所有html collors的数组:

$colors=array();
$colors[1]="red";
$colors[2]="blue";
// soo on....

foreach($colors as $color){
   echo "<font color='$color'>Hello World</font>";
}

答案 2 :(得分:0)

setInterval就是你想要的。

Fiddle

http://www.w3schools.com/jsref/met_win_setinterval.asp

var myColours = [...];
var index = 0;
var myElement = /*get your element*/

setInterval(function() {

  /* Set your element.  Are you using Javascript to get your element? */
  myElement.style.color = myColours[index];
  /* Are you using jQuery? */
  myElement.css('color', myColours[index]);

  index++;
  if(index > myColours.length - 1){
    index = 0;
  }
}, 1000);