Question

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

Answer 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

Answer 2

你可以在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>";
}

Answer 3

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

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

3 个答案: