JS效果:3个不同颜色的li不断循环,怎么做?

JavaScript013

JS效果:3个不同颜色的li不断循环,怎么做?,第1张

<meta charset="utf-8" />如果出现乱码请把utf-8设置为gbk<br /><style type="text/css">/*先定义三个颜色类*/.ys1{background-color:#f00}.ys2{background-color:#0f0}.ys3{background-color:#00f}</style>ok颜色样式有了<br />来,做个输入框<br />这位仁兄,你要打印多少<input type="text" id="n" value="10" /><input type="button" value="开始打印" onclick="print()" /><br />给编辑框加id(我设置为n),方便等会取数量<br />给按钮加上事件,被单击调用print()<br />接下来我们开始写print()<br />。。等会忘了,在加个标签(id=rs)用来显示结果<br /><ol id="rs"></ol><script type="text/javascript">function print(){//创建一个print()//1.取出打印数量赋值给变量$nvar $n=document.getElementById("n").value//好,提示一把看看有没有成功alert("哥,你想打印"+$n+"个li,没事,一定要是整数哦!还有别输几万,免得你机器顶不住")//来,创建样式类名数组用来作为等会给li赋值类名var $style=["ys1","ys2","ys3"]//就是我们刚刚定义的样式var $z=0//初始化为0,让他指向数组第一个元素//在定义一个变量存放结果var $rs=""//初始化为空//要让他循环$n次for(var $i=0$i<$n$i++){if($z==$style.length){//判断指针是否指到外面去了。。。这里一定要好好理解$z=0}$rs+='<li class="'+$style[$z]+'">'$rs+="这是第"+($i+1)+"个li,这个时候这个li的累名为"+$style[$z]+"</li>"$z++//自身加1}//好循环完成,结果在$rs中document.getElementById("rs").innerHTML=$rs}</script>

题目 :红灯三秒亮一次,绿灯两秒亮一次,黄灯一秒亮一次;如何让三个灯不断交替重复亮灯?

思路:主要考察Promise

好吧~给你个代码示例:

<div id="ceshi">这里是闪烁的字体!</div>

<script>  

(function(){

    var text=document.getElementById("ceshi")

    function color(){

        if(text.style.color=="red"){

            text.style.color="yellow"

        }

        else{

            text.style.color="red"

        }

        setTimeout(function(){

           color() 

       },200)

    }

    color()

})()

</script>

不懂的话再问我吧~