與超時3秒的圖像鏈接

我試圖把使用JavaScript代碼爲3秒超時功能，在圖像上的鏈接，與超時3秒的圖像鏈接

JS代碼

和HTML的JavaScript代碼文件代碼是

<script src="t.js" type="text/javascript"></script>

來源

2016-12-30 Madhan Kumar

你什麼意思？你希望圖像在3秒後顯示，或點擊不工作，直到3秒後或點擊時延遲？ – mplungjan

你能否詳細說明一下，你的問題還不清楚 –

想要超越你的問題的原始解釋，我會假設你真正想要做的是讓圖像在加載時可點擊，不能真正理解否則就是這個超時。 '''img.onload = function（）{img.onclick = function（）{ window.location.href ='http://test.com/'; }; };'''' – Noino

所有你需要的是將你的重定向包裝成setTimeout()函數。我也建議修改通過CSS鼠標光標，這樣用戶就會知道該圖像是可點擊

var img = new Image(); 
 
img.src = 'http://lorempixel.com/350/350/'; 
 
document.body.appendChild(img); 
 
img.onclick = function() { 
 
    setTimeout(function() { 
 
    window.location.href = 'http://test.com/'; 
 
    }, 3000); 
 
};

body{ 
 
    text-align: center; 
 
    } 
 

 
img { 
 
    cursor: pointer; 
 
    opacity: 0.8; 
 
    transition: opacity 0.4s ease; 
 
} 
 

 
img:hover{ 
 
opacity: 1; 
 
}

來源

2016-12-30 08:19:25 godblessstrawberry

爲什麼你認爲他想延遲可點擊性？現在它看起來可以點擊3秒鐘，然後可點擊 – mplungjan

@mplungjan是，我把它留給提問者，但好吧，我編輯了一下）reg延遲可點擊性 - 這是我如何理解他的問題，這是不明確的 – godblessstrawberry

嗨，感謝您的幫助，我可以得到圖片上的鏈接，但頁面在3秒後沒有自動重定向。請給我讓我知道如何做到這一點，你可以告訴我如何提及寬度和高度的形象。 –

使用setTimeout功能來解決這個問題：

setTimeout(function() { 
 
    alert("do something"); 
 
},3000);//3000 means msec

來源

2016-12-30 08:50:12

工作得很好，滿意 –

與超時3秒的圖像鏈接

回答

相關問題