Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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_Window Resize - Fatal编程技术网

Javascript 在调整窗口宽度后调整窗口高度

Javascript 在调整窗口宽度后调整窗口高度,javascript,window-resize,Javascript,Window Resize,这里是Javascript新手 我有带按钮的代码 <a href="#" onclick="javascript:popoutPlayer();">Popout</a> 一个新窗口打开,我想调整窗口宽度,当我这样做时,我希望宽度保持不变,但高度改变为800 我一直在使用这个代码 <script type="text/javascript"> var rtime = new Date(); var timeout = false; var delta = 20

这里是Javascript新手

我有带按钮的代码

<a href="#" onclick="javascript:popoutPlayer();">Popout</a>
一个新窗口打开,我想调整窗口宽度,当我这样做时,我希望宽度保持不变,但高度改变为800

我一直在使用这个代码

<script type="text/javascript">
var rtime = new Date();
var timeout = false;
var delta = 200;

$(window).resize(function() {
    rtime = new Date();
    if (timeout === false) {
        timeout = true;
        setTimeout(resizeend, delta);
    }
});

function resizeend() {
    if (new Date() - rtime < delta) {
        setTimeout(resizeend, delta);
    } else {
        timeout = false;
        //alert('Done resizing');
        var windowWidth = $(window).width();
        var windowHeight = $(window).height();      
        windowHeight = 800;
        window.resizeTo($(window).width(), windowHeight);
    }               
}
</script>

var rtime=新日期();
var超时=false;
varδ=200;
$(窗口)。调整大小(函数(){
rtime=新日期();
如果(超时===false){
超时=真;
setTimeout(resizeend,delta);
}
});
函数resizeend(){
if(新日期()-rtime
但当弹出时,弹出的高度变为800,但宽度每200毫秒变小一次


我做错了什么?

别担心,它不会小于100px;)。如果我调整宽度,我希望高度改变为800并停止。请检查答案,这是一个很好的工作片段。
<script type="text/javascript">
var rtime = new Date();
var timeout = false;
var delta = 200;

$(window).resize(function() {
    rtime = new Date();
    if (timeout === false) {
        timeout = true;
        setTimeout(resizeend, delta);
    }
});

function resizeend() {
    if (new Date() - rtime < delta) {
        setTimeout(resizeend, delta);
    } else {
        timeout = false;
        //alert('Done resizing');
        var windowWidth = $(window).width();
        var windowHeight = $(window).height();      
        windowHeight = 800;
        window.resizeTo($(window).width(), windowHeight);
    }               
}
</script>