如何“隐藏”2秒后不冻结页面的javascript图像
How to "hide" an image with javascript after 2 seconds without freezing the page
我正在phonegap中开发一款游戏,我需要在2秒后隐藏图像(使用javascript),如果用户尚未点击此图像
你知道吗?
这里是小提琴链接:http://jsfiddle.net/8kqhj/1/
接下来的步骤是:
-
设置2秒的超时时间,并在回调中添加图像隐藏代码。
var tid =窗口。setTimeout(function () {
$("#imgToHide").hide();
}, 2000);
-
为图像添加点击句柄,并在其中取消超时
$ (" # 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/相关文章:
- 如何在JavaScript图像滑块内居中对齐图像
- Javascript图像链接
- Javascript:图像与单选按钮的值不匹配
- 具有相同大小图像的Javascript图像面板
- Javascript图像编辑插件
- Javascript图像刷新
- Javascript图像数组预加载速度和从内存中删除
- JavaScript图像横幅计时器HTML
- Javascript图像数组
- HTML5/JavaScript图像点击事件
- Javascript图像宽度和高度未定义值
- 请解释Javascript图像旋转代码
- Javascript:图像按钮
- 打开新窗口进行打印时不显示 JavaScript 图像
- JavaScript 图像加载器不起作用
- 如何使用Javascript图像裁剪器“Croppie”保存
- 随着模块数量的增加,Javascript图像正在重复
- JavaScript图像点击错误
- Javascript图像幻灯片;不起作用
- 简单的图像滑块Javascript图像路径在IE 6中不起作用