Question

I have a button that when is clicked, an image is created using javascript and get prepended to a div (adds it inside a div).

var image = new Image();
var imageHtml = image.toHtml();
$('div.board').prepend(imageHtml);

function Image()
{

this.toHtml = function ()
{
return '<img src=\"myImage.png\" width=\"40px\" height=\"40px\" />';
}
}

This image can be clicked in 2 seconds then user will have 1 more score and if not clicked in that time, then the image should disappear.

How to do that in javascript?

Thanks,

Answer 1

function start_game(image){
    var timeout = null;
    image.onclick = function(){
        clearTimeout(timeout);
        //addScore();
    };
    timeout = setTimeout(function(){  
        image.onclick = null;
        image.style.display = "none";
        // remove the image from dom if needed;
    }, 2000);
}  

Demo: http://jsfiddle.net/UpNCb/