Как вы делаете изменяющий цвет текст с JS?
Итак, допустим, я хочу разместить на своем веб-сайте фрагмент текста, который меняет цвет каждую секунду. Я знаю, как использовать JS для изменения цвета текста, но не знаю, как продолжать автоматически изменять его на основе определенных параметров. Например, перебирая тысячи цветов, а не только один или два.
Решение
хорошо, вот простой способ моргать текст с цветами
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>
Другие решения
Вы можете просто использовать HTML внутри PHP:
echo "<font color='red'>Hello World</font>";
для цикла вы можете просто создать массив со всеми html-столбцами:
$colors=array();
$colors[1]="red";
$colors[2]="blue";
// soo on....
foreach($colors as $color){
echo "<font color='$color'>Hello World</font>";
}
setInterval — это то, что вы хотите.
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);