jquery或javascript是否具有类似(flash中的onEnterFrame)的功能

jquery或javascript是否具有类似(flash中的onEnterFrame)的功能,javascript,jquery,html,ajax,flash,Javascript,Jquery,Html,Ajax,Flash,我来自as2和as3背景。我想知道jquery、javascript还是ajax在flash中提供了onEnterFrame函数 我的目标是当用户调整浏览器大小或放大/缩小时,自动对齐运行时My#div1(左) __________________________________ | | | | | | #banner div | | | |

我来自as2和as3背景。我想知道jquery、javascript还是ajax在flash中提供了onEnterFrame函数

我的目标是当用户调整浏览器大小或放大/缩小时,自动对齐运行时My#div1(左)

 __________________________________
|     |                    |      | 
|     |     #banner div    |      |           
|     |                    |      |
|     |____________________|      |
|     |      div 1         |      |      
|     |                    |      |
-----------------------------------

#div1 {
position: absolute;
left: some random number based on the browser width;
top: 0px;
}

首先,JavaScript没有时间线的概念,因此一般来说,任何与时间线相关的事件(如“onEnterFrame”)都不适用于您。用html/css/js创建应用程序更像是用Flex而不是Flash创建应用程序

现在,要为您的问题提供特定的解决方案,您可以尝试以下方法:

var box = document.getElementById("div1");
var box_style = box.style;

window.onresize = function(e){
    box_style.left = Math.random() * 200 + "px"; // your max value instead of 200
}

实时示例:

首先,JavaScript没有时间线的概念,因此一般来说,任何与时间线相关的事件(如“onEnterFrame”)都不适用于您。用html/css/js创建应用程序更像是用Flex而不是Flash创建应用程序

现在,要为您的问题提供特定的解决方案,您可以尝试以下方法:

var box = document.getElementById("div1");
var box_style = box.style;

window.onresize = function(e){
    box_style.left = Math.random() * 200 + "px"; // your max value instead of 200
}

实例:

否,但您可以在javascript中设置计时器,这就是您的OneInterFrame

没有,但是可以在javascript中设置计时器,这是您的OneInterFrame

我认为与
onEnterFrame
最相似的功能是
requestAnimationFrame
(1)。 它在渲染帧之前被精确调用。 但是,如果希望重复调用,则只调用一次。 您需要在回调中再次请求新回调

但如果您希望仅在窗口调整大小之前触发它,则可以使用
window.onresize
event(2)

如果您只想使用静态值,比如
50%的基本容器宽度+20px
。 您只需使用css即可,css3有一个名为
calc()
(3)的长度类型。 允许您根据其基本容器计算长度


  • 我认为与
    onEnterFrame
    最相似的函数是
    requestAnimationFrame
    (1)。 它在渲染帧之前被精确调用。 但是,如果希望重复调用,则只调用一次。 您需要在回调中再次请求新回调

    但如果您希望仅在窗口调整大小之前触发它,则可以使用
    window.onresize
    event(2)

    如果您只想使用静态值,比如
    50%的基本容器宽度+20px
    。 您只需使用css即可,css3有一个名为
    calc()
    (3)的长度类型。 允许您根据其基本容器计算长度

  • 当你说“随机”时,你真的是指一个随机数吗?比如,每次用户访问你的页面时,左边的位置与上次不同,或者你是指一个任意数吗?比如,无论你决定什么?当你说“随机”时,你真的是指一个随机数吗?比如,每次用户访问您的页面时,左边的位置都与上次不同,或者您是指任意数字,例如,无论您决定什么?