setinterval（）执行次数的问题？

Question

    var timer = null;
        timer = setInterval(function () {
            var clientWidth = document.body.clientWidth,//变化后的窗口
              scrollWidth = document.body.scrollWidth;//浏览器原本来的窗口大小   下面要定义一个定时器
            clearInterval(timer);
            if (clientWidth < scrollWidth) {
                var photoPlace = document.getElementById('photoPlace');
                photoPlace.style.display = 'none';
            }
        }, 1000);

这里我想设置当页面按下页面缩小的是时候就隐藏id为photoPlace这个div；但是我这样写的效果是只有在刷新之后才有效果？这是什么原因？为什么这个函数只执行了一次？

Answer 1

要做一次遍历，每当页面的宽度发生改变的时候就会遍历执行一次这个函数，在 在其中判断当页面的宽度小于多少的时候就隐藏id为photoPlace这个div，否则就不改变，这样就不用刷新才会执行了