监测元素在animation动画中属性值的变化(监测元素的宽高)

//class类名为state的div元素 在定时器中能够实现监测的作用 相当于是实时监测元素属性是否发生变化

<div class="state" id="state">
     <div id="box"></div>
     <button type="button" id="btn">开始</button>
</div>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script>

     
 var timer = setInterval(ks, 0)
        function ks() {
　　　　　　　//当元素宽度达到我们预期需要实现的效果时 清除定时器  既不会占用内存 也不会损耗浏览器运行速度
            if ($('.state').width() >= 1920) {
　　　　　　　　　　//开始动画完毕 内容显示 这里 引入了jq库  用jq的chidren方法获取元素下所有的子元素
                $('.state').children().css('display', 'block')
                clearInterval(timer)
            } else {
                $('.state').children().css('display', 'none')
            }
        }
</script>