Javascript 如何制作网站';动态显示单词,每次更改颜色
我的网站上有一些用HTML编写的文本:Javascript 如何制作网站';动态显示单词,每次更改颜色,javascript,html,Javascript,Html,我的网站上有一些用HTML编写的文本: 这里是word1。 我目前已经编写了JavaScript,可以在站点上动态更改单词: $(function () { count = 0; wordsArray = ["word1", "word2", "word3"]; setInterval(function () { count++; $("#my_words")
这里是word1。
我目前已经编写了JavaScript,可以在站点上动态更改单词:
$(function () {
count = 0;
wordsArray = ["word1", "word2", "word3"];
setInterval(function () {
count++;
$("#my_words").fadeOut(1000, function () {
$(this).text(wordsArray[count % wordsArray.length]).fadeIn(1000);
});
}, 2000);
});
如何使单词的颜色在每次循环时都发生变化?从预定义的颜色或随机选择。您可以使用
$.css
jquery函数更改span
的颜色,如下所示
$(函数(){
计数=0;
wordsArray=[“word1”、“word2”、“word3”];
常量colorArray=['#FF0000'、'#00FF00'、'#0000FF'];
setInterval(函数(){
计数++;
$(“#我的单词”).fadeOut(1000,函数(){
$(this).text(wordsArray[count%wordsArray.length]).fadeIn(1000);
$(this.css('color',colorArray[count%colorArray.length]).fadeIn(1000);
});
}, 2000);
});代码>
这里是word1。
$(this).css('color',getRandomColor()).text(…).fadeIn(…)
?只需编写getRandomColor
,就像我们在网站上遇到的关于获取随机颜色的所有其他问题一样。这是否回答了您的问题?