带间隔检查jQuery的变量

Question

我为视口宽度分配了我的变量，并且像这样

var width1= window.innerWidth || document.documentElement.clientWidth ||  document.body.clientWidth;
var height1 = window.innerHeight || document.documentElement.clientHeight ||  document.body.clientHeight;

但我想定期检查是否有任何窗口更改。所以我的“全尺寸”div可以通过屏幕改变大小。

我试过了：

var width1= setInterval(function() {window.innerWidth || document.documentElement.clientWidth ||  document.body.clientWidth},1000);
var height1 = setInterval(function() {window.innerHeight || document.documentElement.clientHeight ||  document.body.clientHeight},1000);

但由于某些原因它无法发挥作用。

有人可以建议我需要做什么吗？

Answer 1

您可以为窗口调整大小事件附加事件侦听器：

$(function() {
    $(window).on('resize', function(event) {
        var width = $(this).width();
        var height = $(this).height();
    });
});

在javascript中，您通常会使用此基于事件的模型来处理交互，而不必轮询更改。

http://api.jquery.com/resize/

http://api.jquery.com/on/