Javascript如何设置超时

Javascript how setTimeout

本文关键字：设置 超时 何设置 Javascript      更新时间：2023-09-26

我有一些属性为<div id="10" piki="99" class='casella'></div>的元素。它们的背景只是一种颜色（在CSS中指定）。在点击事件中，它们的背景将被图像替换；

$(this).css({
    'background-image' : 'url("' + images[x] + '")',
    'background-size' : 'contain'
});

之后，当一个不同的事件发生时（再次单击），我希望背景变成一开始的颜色。这是用$(this).removeAttr('style');完成的。问题是，我希望图像在被背景色取代之前再显示一段时间。

JS文件的缩短版本：

window.onload = function() {
for(i=0; i<20; i++)
{
    //create 20 casellas and add them a class.
    $(jumbotron).append("<div id="+i+" piki="+r+ "    class='casella'>      </div>");///////////////////////////////////////////////////////////////////////////////////////////    follows happening when clicks are applied////////////////////////////////////////////////////////////////////
    $('.casella').click( function() {
        if (clickCount%2 == 0) {
            $(this).css({
            'background-image' : 'url("' + images[x] + '")',
            'background-size' : 'contain'
        });     
    }
    ..............................
    else
    {
            alert('trying to make them disappear');
            $(this).removeAttr('style'); 
    }

要做到这一点，您需要使用标题中所说的setTimeout。

setTimeout(function(){
    // your code
}, yourInterval);

这就是如何编写setTimeout。

相关文章：