老师,这样可以吗?

老师,这样可以吗?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>闪烁的文字</title>

        <style type="text/css">

            div{

                width:200px;

                height:200px;

                line-height:200px;

                border:2px solid gray;

                text-align:center;

                color:red;

            }

        </style>

    </head>

<body>

    <h3>会闪烁的文字</h3>

        <div id="text"> </div>

        <script type="text/javascript">

            var div=document.getElementById('text');

                setInterval(function(){

                   div.innerHTML='☆☆☆今日特卖☆☆☆';

                },500)

                setInterval(function(){

                   div.innerHTML='★★★今日特卖★★★';

                },1000)

        </script>

    </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕糖 2018-11-13 09:45:33

“程序累人猿”同学你好,代码也是按照右上而下执行的,所以在这之间会有点差值,可以这么测试下,两个计时器设置相同的时间,然后总是会先输出第一个,在输出第二个,例:

http://img1.sycdn.imooc.com//climg/5bea2c280001e91504600492.jpg

若是感觉这种方式不好理解,也可以参考下另一种方式,即改变变量的值来实现。

祝学习愉快!

好帮手慕糖 2018-11-06 09:36:04

你好,你写的也是可以实现的,上面使用change的这个是另一种实现方式,思路可以参考如下:

1、先设置一个change,作为标志,然后判断其是否等于0,若等于0,显示的星星的空心的,之后在把其值改变为1;

2、下次计时器在进行时,判断标志的结果是不等于0,所以会显示实心的星星。之后,在把change的值改变为0;通过这种方式来实现内容的改变哦。

若能帮助到你,望采纳。

祝学习愉快!

  • 老师 这位同学写的代码,第二次的0.5秒和第一次的1秒应该是重叠的吧,好像并不能实现这个功能?请老师看一下
    2018-11-12 22:32:48
好帮手慕糖 2018-11-05 17:50:33

同学你好,这样也是可以实现效果的,但是这里可以在优化下哦,可以只是用一个计时器,例:

http://img1.sycdn.imooc.com//climg/5be0125e0001842f07380377.jpg

若能帮助到你,望采纳。

祝学习愉快!

  • 提问者 Tammyy #1
    老师,change这个部分不懂,为什么用change就能实现效果?
    2018-11-06 01:23:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师