Jquery 当屏距缩小或扩大对元素进行隐藏显示

//定时器 每0.1秒执行一次    
setInterval(function(){
        var wd=$(window).width();
        var g=$('#guanliyuan');
        var p=$('#people');
           //当屏距小于680时对元素占位隐藏
        if(wd<680){
            g.css('visibility','hidden');
            p.css('visibility','hidden');
        }
           //当屏距小于680时对元素进行显示        
        if(wd>=680){
            g.css('visibility','visible');
            p.css('visibility','visible');
        }
    },100)