我想把文本用JS 实现颜色无限循环 要怎么写
发布网友
发布时间：2022-04-25 18:52
共6个回答
热心网友
时间：2022-04-25 14:21
<p id=ss>一段P标签里面的文本我想把他实现几种颜色无限循环请问下改怎么弄啊用JS</p>
<script>
var cs=["#00f","#0ff","#ff0","#f00","#f0f","#0f0","#f80","#8f0","#80f"]; //颜色，可添加
var ci=0;
window.onload=()=>{
ss.innerHTML=ss.innerHTML.split("").map(e=>"<span>"+e+"</span>").join("");
setInterval(()=>{
var s=ss.children;
for(var i=0;i<s.length;i++){
s[i].style.color=cs[(ci+i)%cs.length];
}
ci=++ci%cs.length;
},200);
}
</script>
热心网友
时间：2022-04-25 15:39
上个定时器就行
<P id="p" style="color:red;">abcdef</P><script>
var p=document.getElementById("p");
var col=["red","green","blue"];
var i=0;
setInterval(function(){
p.style.color=col[i];
i<col.length-1?i++:i=0;
},1000)
</script>
热心网友
时间：2022-04-25 17:14
使用计时器函数
<body><p id="cp">颜色无限循环</p>
<script>
var colors=["red","blue","black","yellow"];
var i=0;
setInterval(function(){
var cp=document.getElementById("cp");
cp.style.color=colors[i];
i++;
if(i==colors.length){
i=0;
}
},500);
</script>
</body>
热心网友
时间：2022-04-25 19:05
<p id="pid">文字的颜色</p>
<script type="text/javascript">
var colors=['green','red','black','#666','yellow'];//颜色数组，可以随意增减
i=0;
setInterval(function () {//setInterval是每间隔一段时间执行一次的函数，下面设置的1000毫秒
var p = document.getElementById('pid');
p.style.color=colors[i];
i++;//跳到下一个数组的值
i==5?i=0:i=i;//如果到数组末尾了又跳到第一个；
}, 1000);
</script>
热心网友
时间：2022-04-25 21:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>change</p>
<script type="text/javascript">
var color=["red","green","blue","yellow"];
var getP=document.getElementsByTagName('p')[0];
var num=0
setInterval(function(){
num++;
if(num>=color.length){
num=0
}
getP.style.color=color[num]
},500)
</script>
</body>
</html>
//就是这样
热心网友
时间：2022-04-25 23:38
得知小三怀孕后，心慌
世事难料，在沈烨准备和小三断绝关系时，小三却反将一军，告诉沈烨她也怀孕了。同样是怀孕，知道老婆怀孕时，沈烨喜笑颜开，但听闻小三怀孕，沈烨却如同遭受晴天霹雳，没有丝毫的高兴，而是充满消散不去的慌张！
小三的孩子坚决不能要！这就是沈烨第一时间的想法。如果让小三把孩子生下来，自己的老婆孩子，还有婚姻家庭，肯定保不住了！沈烨不允许这样的情况发生！
沈烨没有过多的犹豫，很快做了决定，让小三尽快去医院做手术。小三哭哭啼啼，十分闹腾，但沈烨态度十分强硬，小三算是比较识时务吧，拿了沈烨的钱，选择了干净利落的离开！
