Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何延迟方向更改时的javascript重新加载功能_Javascript_Html_Css_Web_Delay - Fatal编程技术网

如何延迟方向更改时的javascript重新加载功能

如何延迟方向更改时的javascript重新加载功能,javascript,html,css,web,delay,Javascript,Html,Css,Web,Delay,我在网站方向改变时使用强制页面重新加载,希望页面在旋转发生5秒后刷新,但我似乎无法将超时放置在正确的位置 这是我的代码 <script type="text/javascript"> // RELOADS WEBPAGE WHEN MOBILE ORIENTATION CHANGES window.onorientationchange = function() { var orientation = window.orientati

我在网站方向改变时使用强制页面重新加载,希望页面在旋转发生5秒后刷新,但我似乎无法将超时放置在正确的位置

这是我的代码

<script type="text/javascript"> // RELOADS WEBPAGE WHEN MOBILE ORIENTATION CHANGES  
    window.onorientationchange = function() { 
        var orientation = window.orientation; 
            switch(orientation) { 
                case 0:
                case 90:
                case -90: window.location.reload(); 
                break; } 
    };
//移动方向改变时重新加载网页
window.onorientationchange=函数(){
var方向=window.orientation;
开关(方向){
案例0:
案例90:
case-90:window.location.reload();
中断;}
};
提前非常感谢您的帮助

setTimeout()
将帮助您实现这一点

 case -90: setTimeout(()=>{
      window.location.reload()
  },5000)
更新:
窗口
没有
方向
属性。它是具有
方向
属性的屏幕对象

因此
窗口.onorientation
处理程序必须是:

window.onorientationchange = function() { 
    var orientation = window.screen.orientation; 
        switch(orientation) { 
            case 0:
            case 90:
            case -90: window.location.reload(); 
            break; } 
};

您可以像这样使用
setTimout()
函数

setTimeout(函数(){
window.location.reload();//此函数将在5000毫秒后播放

}, 5000);这正是我所希望的。不幸的是,我仍然没有得到我想要的最终结果,这本质上是一个新的重新绘制页面,就像你第一次着陆时一样……但是重新加载和替换选项仍然受到从横向到纵向的更改的影响。代码中有一个bug。我发现了。我们没有window.orientation,但有window.screen.orientation我的更新答案。我相信这会对你有用:)希望如此,如果这有助于你接受并投票给我的朋友,为什么你希望它在5秒钟后重新加载?