如何“隐藏”2秒后不冻结页面的javascript图像

How to "hide" an image with javascript after 2 seconds without freezing the page

本文关键字:javascript 图像 冻结 隐藏 2秒 如何      更新时间:2023-09-26

我正在phonegap中开发一款游戏,我需要在2秒后隐藏图像(使用javascript),如果用户尚未点击此图像

你知道吗?

这里是小提琴链接:http://jsfiddle.net/8kqhj/1/

接下来的步骤是:

  1. 设置2秒的超时时间,并在回调中添加图像隐藏代码。

    var tid =窗口。setTimeout(function () {

     $("#imgToHide").hide();
    

    }, 2000);

  2. 为图像添加点击句柄,并在其中取消超时

    $ (" # imgToHide ")。点击(function () {

    window.clearTimeout(tid)
    

    });

参见:

https://developer.mozilla.org/en-US/docs/Web/API/Window.setTimeout

https://developer.mozilla.org/en-US/docs/Web/API/window.clearTimeout

http://api.jquery.com/click/