我试图让按钮http://www.hub.test.ru
在被点击后重定向到500 毫秒,但它不太好用。
我如何解决它?
这是我的代码:
<div class="center">
<button class="bubbly-button" onclick="setTimeout("location.href = 'http://www.hub.test.ru';", 500);">Hub</button>
</div>
setTimeout
接受一个函数和一个延迟。" "location.href = 'http://www.hub.test.ru';"
" 不是函数。
相反,将其包装在箭头函数中。你的 JS 应该是这样的:
setTimeout(()=>{location.href = 'http://www.hub.test.ru'}, 500);
结果:
<div class="center">
<button class="bubbly-button" onclick="setTimeout(()=>{location.href = 'http://www.hub.test.ru'}, 500);">Hub</button>
</div>
但是,您不应该使用内联事件处理程序。我建议使用addEventListener
:
document.querySelector('.bubbly-button').addEventListener('click', ()=>{
setTimeout(()=>{location.href = 'http://www.hub.test.ru'}, 500);
})
<div class="center">
<button class="bubbly-button">Hub</button>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句