标签: settimeout

我想知道如何使用Google Maps API平滑放大动画.

我有2分,一分,中国,一分在法国.当我放大中国时,点击按钮法国.我想让它逐渐缩小平滑,一次缩放级别.当它缩小时,它应该平移到新位置,然后在当前放大一个缩放级别的新位置.

我怎样才能做到这一点？

我正在创建一个带有打字稿的角度4应用程序.

我有一个需要每10秒执行一次的功能,直到指定的停止条件.我使用setTimeout创建了一个包含一些测试代码的循环,看看它是否可行.

我的测试代码:

public run() {
    let i = 0;
    while (i < 4) {
        setTimeout(this.timer,3000);
        i++;
    }
}

public timer(){
    console.log("done")
}

然而,这似乎等待3秒,或浏览器只是慢......然后它打印4次完成.所以代码不起作用.我做错了还是有其他可能做这种事情？

根据jQuery文档.delay(),

.delay()方法最适合延迟排队的jQuery效果.因为它是有限的 - 例如,它没有提供取消延迟的方法 - .delay()不能替代JavaScript的本机setTimeout函数,这可能更适合某些用例.

请问有人可以扩展吗？何时更适合使用.delay(),何时使用更好.setTimeout()？

我开发了一小部分演示软件,其中包含每张幻灯片的幻灯片和资源.渲染幻灯片时,使用该setTimeout方法延迟所有资产并在延迟后渲染.看起来很甜......

Yaaay !,要求已经改变,现在要求演示文稿像PowerPoint幻灯片一样,鼠标单击事件将导致下一个资产立即呈现给页面.

我的问题是; 有没有办法让我的超时立即开火？我可以在堆栈中获取并存储在创建超时时返回的timeoutid.唯一的另一个选择是取消超时,然后重新创建元素,这是我想要做的更多处理,我不想过多地重构我的代码.

有任何想法吗？

我已经尝试过stop(true,true),stop(true)和clearQueue(); 但这不起作用.

我有快速更换幻灯片的问题,我已经有一些功能必须重置一切,但它不起作用.

function reset(){
   $('div').clearQueue();
   $('#img').html('').css({'left':0,'right':0,'opacity':1,'z-index':1});
   $('#img2').html('').css({'left':0,'right':0,'opacity':1,'z-index':1});
   $('#place').html('');$('#place').html('<div id="img"></div><div id="img2"></div>');
}

但我认为这不会停止(或删除)动画上的delay()函数.所以我不知道我是否不必使用setTimeout函数.

这是一块动画脚本:

reset();
actual_slide=2;
  $('#img').html('<img src="'+image[4]+'" alt="Obrázek">').css({'opacity':0,'z-index':2}).delay(time_delay/5).fadeTo(time_fast,1).delay(time_delay*2).fadeTo(time_fast,0);
  $('#img2').html('<img src="'+image[3]+'" alt="Obrázek">').css({'opacity':'0','top':0}).fadeTo(time_fast,1).animate({'top':'-495'},time_delay*3,function(){
    if(actual_slide==2){$('#img2').css({'top':0}).fadeTo(time_fast*2,0).html('');}else{reset();}
    if(actual_slide==2){$('#img').html('<img src="'+image[3]+'" id="1" alt="Obrázek">').fadeTo(time_fast*2,'1').css({'left':-300,'top':-700}).animate({'left':-900,'top':-700},time_delay*2);}else{reset();}
    if(actual_slide==2){$('#1').css({'width':1365,'height':1200}).animate({'width':1665,'height':1400},time_delay*2);}else{reset();}
  });                          

那个actual_slide必须在重复那个函数之前保护它,但是这也不起作用.问题是当我快速更改幻灯片时,因为重置不会阻止所有内容,并且它开始做我不想要的东西in(比如将图片更改为其他图片).

适用于HTML5游戏,适用于移动设备的画布动画.

我面临一些性能问题,这些问题会影响每个设备与其他设备之间的速度.

requestAnimationFrame根据设备速度加快游戏动画.
setInterval震惊了我,从设备到另一个设备有一个延迟.
setTimeout在画布上绘图也很慢.

曾有过移动HTML5游戏经验的人可以指导我在其他三个(或其他技术,如果可用的话)中使用最佳方式在不同的移动设备上稳定地开发动画？

我试图绕过头setTimeout,但我不能让它正常工作.

我在这里建立了一个例子:http://jsfiddle.net/timkl/Fca2n/

我希望在点击一个锚点后对文本进行倒计时 - 但是我setTimeout似乎同时触发,即使我已将延迟设置为1秒.

这是我的HTML:

<a href="#">Click me!</a>

<span id="target"></span>

这是我的JS:

$(document).ready(function() {


function foo(){

    writeNumber = $("#target");

    setTimeout(writeNumber.html("1"),1000);
    setTimeout(writeNumber.html("2"),1000);
    setTimeout(writeNumber.html("3"),1000);
    };

$('a').click(function() {
 foo();
});

});

任何关于我可能做错的提示都非常感谢:)

我在jQuery中有这段代码

$element.parent().children().last().hide().show('slide', {direction : 'left'}, 700, function () {
    $element.delay(2000, function() {
        $element.parent().children().last().hide('slide', {direction: 'left'}, 700);             
        reload_table(question_number);
        //delay ends here
    });
});

delay 声明为:

jQuery.fn.delay = function(time,func){
    return this.each(function(){
        setTimeout(func,time);
    });
};

现在我收到错误:

无用的setTimeout调用(参数周围缺少引号？)

FF3.x,Firefox 6+还可以.有什么想法吗？为什么会发生这种情况？

我正在学习,我想念setTimeoutGolang的Nodejs.我还没有读过多少,我想知道我是否可以像间隔或环回一样实现相同的功能.

有没有办法可以将它从节点写入golang？我听说golang处理并发很好,这可能是一些goroutines或者其他？

//Nodejs
function main() {

 //Do something

 setTimeout(main, 3000)
 console.log('Server is listening to 1337')
}

先感谢您!

//Go version

func main() {
  for t := range time.Tick(3*time.Second) {
    fmt.Printf("working %s \n", t)
  }

  //basically this will not execute..
  fmt.Printf("will be called 1st")
}

我不明白为什么当我使用setTimeout函数时我的react组件启动到无限的console.log.一切正常,但PC开始落后于地狱.有些人说超时功能会改变我的状态和rerender组件,设置新的计时器等等.现在我需要了解如何清除它是正确的.

export default function Loading() {
  // if data fetching is slow, after 1 sec i will show some loading animation
  const [showLoading, setShowLoading] = useState(true)
  let timer1 = setTimeout(() => setShowLoading(true), 1000)

  console.log('this message will render  every second')
  return 1
}

清除不同版本的代码无助于:

const [showLoading, setShowLoading] = useState(true)
  let timer1 = setTimeout(() => setShowLoading(true), 1000)
  useEffect(
    () => {
      return () => {
        clearTimeout(timer1)
      }
    },
    [showLoading]
  )