假如计时器改变样式,但没有延时效果

来源:9-1 认识DOM

淡淡十年心

2016-07-25 16:07

<script type="text/javascript">

   var str = document.getElementById("con");

    str.style.color="red";

    str.style.backgroundColor="#CCC";

    //str.style.display="none";

    setTimeout(str.style.color="green", 10000);

  </script>


写回答 关注

3回答

  • 贤斌
    2016-07-25 17:45:58

    1,为什么没延时效果,因为setTimeout("计算表达式或函数",时间)

    <script type="text/javascript">

    //第一种方法

    function oColor(){

    str.style.color="green";

    }

    window.onload=function(){

    str=document.getElementById("con")

    str.style.color="red";

    str.style.backgroundColor="#CCC";

    setTimeout("oColor()",1000)

    }

    //第二种方法

    //  window.onload=function(){

    //  var str=document.getElementById("con");

    //  str.style.color="red";

    //  str.style.backgroundColor="#CCC";

    //  setTimeout("document.getElementById('con').style.color='green'", 1000);

    //  }

    </script>

    //可能是黏贴的问题,排版只能这样了,希望你能看懂

  • 一个学渣
    2016-07-25 17:02:03

    <script type="text/javascript">

    window.onload=function() {

    var str = document.getElementById("con");

                  str.style.color="red";

                  str.style.backgroundColor="#CCC";

                    // str.style.display="none";

    }

        function change(){

        var str = document.getElementById("con");

             str.style.color="blue";

           }

        setTimeout("change()", 1000)

        </script>可以改成这样,str.style.color="green"放进一个函数里

  • 水里有条鱼
    2016-07-25 16:40:11

    setTimeout("str.style.color='green'", 10000);  这样写

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题