与超时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秒的图像链接

回答

相关问题