Question

I have created a chrome extension which does something after its button is clicked.
However I dont want it be abused so I need the its code to be executed after some time.

How can I surround this code with a timeout in order to achieve this?

Thank you for reading me!

chrome.tabs.getSelected(null,function(tab) {
var Mp=tab.url.substring(0,23);
if(Mp=='https://www.example.com')
{
onWindowLoad();

chrome.extension.onMessage.addListener(function(request, sender) {
    if (request.action == "getSource")
    {
    ...Working here
    }
});
}
else
{
message.innerHTML='<span style="color: #f00">This is not a valid page</span>';
}
});

function onWindowLoad()
{
var message = document.querySelector('#message');
chrome.tabs.executeScript(null, {file: "getPagesSource.js"});
}

Answer 1

I had to make a compromise so just after the getSelected I added the following line:

chrome.browserAction.disable(tab.Id);

It disables the action button thus it cant be clicked while the script sends the data to the server, as with this extension I grab the tab url in order to store it in my database.
After the ajax response and adding the following

if(xhr.readyState==4)
{
message.innerHTML=xhr.responseText;
chrome.browserAction.enable(tab.Id); /////<---THAT LINE
}

the button gets ready again to be clicked.

I couldnt find the way to add a specific delay in seconds, this way seems stupid but its working, as the response’s delay from my server is enough for switching the 2 states of the action button.

With this, however another problem came up, which Ill write in different question.