为什么闪不起来？

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.text{

width: 300px;

height: 200px;border: 1px solid gray;margin: 20px 0;font-size: 30px;color: orange;text-align: center;line-height: 200px;

}

</style>

</head>

<body>

<h3>会闪的文字效果</h3>

var text=document.getElementById("text");

var time=0;

setInterval(function(){

if(time==0){

text.innerHTML="☆☆☆今日特卖☆☆☆";

time=1;

}else{

text.innerHTML="★★★今日特卖★★★";

}

},500);

</script>

</body>

</html>

慕粉0648217499 2017-09-30

源自：JavaScript BOM基础 1-25 编程练习

收起

1回答

好帮手慕糖 2017-09-30 17:05:19

你好，在else语句中在加一个time=0，可参考如下代码：

<script>
    var text=document.getElementById("text");
    var time=0;
    function inner(){
          
        if(time==0){
            text.innerHTML="☆☆☆今日特卖☆☆☆";
            time=1;
        }else{
            text.innerHTML="★★★今日特卖★★★";
            time=0; //  这里再次改变time的值，若不改变，就一直是1，不会再执行if语句。
        }
    }
    setInterval(inner,500);
</script>