I'm trying to run this function only when the size is lower than 768px and when resizing the screen but the function still runing when i resize to a bigger screen than 768
$(document).ready(function() {
$(window).on("resize", function(e) {
checkScreenSize();
});
checkScreenSize();
function checkScreenSize() {
var newWindowWidth = $(window).width();
if (newWindowWidth < 768) {
var el = $('#infobarContainer .uspTag'),
i = 0;
$(el[0]).show();
(function loop() {
el.delay(3000).fadeOut(500).eq(++i % el.length).fadeIn(600, loop);
}());
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>