不断检查屏幕宽度/高度? (更新函数)

时间:2016-03-22 16:16:01

标签: html5 cordova

我想知道是否有任何方法可以在javascript中为我的html网站更新一个函数。

我的代码如果在下面,我只想不断执行我的功能。几乎就像Unity3D游戏引擎有一个" void Update()"什么都投入其中不断经历。

我正在使用cordova使我的网站成为应用程序,并且需要有办法检测设备是横向还是纵向。

谢谢!

 if(window.innerWidth > window.innerHeight){all of my code....}

1 个答案:

答案 0 :(得分:1)

这将为您完成,请参阅小提琴https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/54/

每次调整页面大小时,onresize="myFunction()"都会触发事件。

的javascript

  function myFunction() {
    var width = window.innerWidth;
    var height = window.innerHeight;
    if (width > height) {
      document.getElementById('test').innerHTML = '<h1>landscape</h1>';
    } else {
      document.getElementById('test').innerHTML = '<h1>portrait</h1>';
    }
  }