jquery - 带有间隔检查 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/