Javascript 我想创建一个在屏幕宽度增加或减少时运行的函数

这是代码

函数mymediafunction（媒体）{
如果（媒体匹配）{
document.getElementById（“在容器中登录”）；
logIn.style.display=“无”；
}否则{
document.getElementById（“在容器中登录”）；
logIn.style.display=“block”；
}
}
var media=window.matchmedia（（最大宽度：720px））；
mymediafunction（媒体）；
media.addEventListener（mymediafunction）；

---

如果用户的宽度大于或小于720px，我希望代码运行。

执行此操作的一种方法是每X毫秒轮询一次窗口/文档的宽度，如果新宽度与上一个值不同，则触发方法。例如，使用JQuery可以执行类似的操作

var lastWidth=$（document）.width（）；
设置间隔（（）=>{
var width=$（文档）.width（）；
如果（lastWidth！=宽度）{
如果（lastWidth<720&&width>720）{
//调用宽度为720的函数+
宽度超过720（）；
}否则如果（lastWidth>720&&width<720）{
//调用您的函数以获得720以下的宽度
宽度720（）；
}
lastWidth=宽度；
}
}, 500);

Hi@Pinnacle，欢迎来到SO，您已经给出了一个您正在尝试做的示例，这很好，但是这个社区没有为您编写代码的习惯，你可能会得到一些善良的灵魂愿意这样做，但如果你试图写它，然后问一个关于你遇到的特定问题的问题，那会更好。你不使用CSS媒体查询的具体原因是什么，它的设计正是为了这个目的？