Javascript <;h1>;按生成器标记
我想遍历我的颜色列表,并将它们显示给我的 Id名称为Id='Follow'的h1标记。有人能帮忙吗 帮我解决这个问题好吗Javascript <;h1>;按生成器标记,javascript,jquery,Javascript,Jquery,我想遍历我的颜色列表,并将它们显示给我的 Id名称为Id='Follow'的h1标记。有人能帮忙吗 帮我解决这个问题好吗 function colorScheme() { var hash = '#'; var colorHex = ['00BFB2', '1A5E63', '028090', 'F0F3BD', '#C64191']; for (var i = 0; i < colorHex.length; i++) { hash += colorHex[Math.
function colorScheme() {
var hash = '#';
var colorHex = ['00BFB2', '1A5E63', '028090', 'F0F3BD', '#C64191'];
for (var i = 0; i < colorHex.length; i++) {
hash += colorHex[Math.floor(Math.random())];
}
return hash;
}
function chooseColor() {
var reference = colorScheme();
Follow.style.color = reference;
}
setInterval('chooseColor()', 300);
函数colorScheme(){
var hash='#';
var colorHex=['00BFB2','1A5E63','028090','F0F3BD','#C64191'];
对于(变量i=0;i
选择随机数的方式存在问题。查看更多关于如何选择范围内的随机整数的信息
函数colorScheme(){
var colorHex=['00BFB2','1A5E63','028090','F0F3BD','C64191'];
var randomIndex=Math.floor(Math.random()*(colorHex.length));
返回“#”+colorHex[randomIndex];
}
函数chooseColor(){
var reference=colorScheme();
控制台日志(参考);
document.getElementById('follow').style.color=reference;
}
设置间隔(选择颜色,300)代码>
Lorem-Ipsum-Lorem-Ipsum
您可以使用css动画和关键帧来代替页面加载
此外,你将能够控制时间
您将在代码片段中找到为关键帧着色的
@关键帧着色{
0%{color:#000;}
20%{颜色:#00BFB2;}
40%{颜色:#1A5E63;}
60%{颜色:#028090;}
80%{颜色:#F0F3BD;}
100%{颜色:#C64191;}
}
#跟随{
-webkit动画:着色5s无限;/*Safari 4+*/
-moz动画:着色5s无限;/*Fx 5+*/
-o-动画:着色5s无限;/*Opera 12+*/
动画:着色5s无限;/*IE 10+,Fx 29+*/
}
Hello world
要在给定的时间间隔内更改同一h1标记的颜色吗?setInterval使用函数,而不是字符串。我很感谢你的参与:)如果我的答案是你想要的,请将其设置为已接受。如果不是,请告诉我出了什么问题。谢谢:)