jquery, schreiben Sie eine Funktion sowohl neue als auch alte window.width zu bekommen

Question

Wie schreibe ich eine Funktion, die den Beginn und das Ende eines window.width erkennt und speichert die Größe

die Breite in der .resize (Funktion {}) ändert sich sofort bei der Größenanpassung, aber ich bin nach den Unterschieden zwischen der alten und neuen Größe jedes Mal, wenn es die Größe ändert.

Update ---

Ich brauche die diffeence zu fangen, so dass ich eine Breite tun können: '+ = diff' auf ein Element

Answer 1

Diese Version wird die letzte Fenstergröße nach 500 Millisekunden aktualisiert werden (demo). Und ja, einige Browser aktualisieren die Fensterbreite erst, nachdem die Größenänderung gestoppt wurde, andere werden aktiv aktualisiert, während Sie das Fenster ziehen.

var throttle, 
    win = $(window), 
    cur_width = win.width(), 
    old_width = cur_width, 
    diff = 0; 

win.resize(function() { 
    clearTimeout(throttle); 
    cur_width = win.width(); 
    throttle = setTimeout(function() { 
     diff = cur_width - old_width; 
     old_width = cur_width; 
    }, 500); 
}).trigger('resize');