如何延迟方向更改时的javascript重新加载功能
我在网站方向改变时使用强制页面重新加载,希望页面在旋转发生5秒后刷新,但我似乎无法将超时放置在正确的位置 这是我的代码如何延迟方向更改时的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
<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秒钟后重新加载?