<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.text{
display: none;
}
button{
cursor: pointer;
}
</style>
</head>
<body>
<button>支付</button>
<h3 class="text">支付成功,在5秒后跳转页面</h3>
<script>
var num=5
var timer=null
var btn=document.querySelector('button')
var text=document.querySelector('.text')
btn.οnclick=function(){
text.style.display='block'
btn.style.display='none'
timer=setInterval(function(){
num--
text.innerHTML='支付成功,在'+num+'秒后跳转页面'
if(num==0){
location.href='https://www.so.com/s?q=%E4%BF%84%E4%B9%8C%E5%86%B2%E7%AA%81%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF%E4%BB%8A%E5%A4%A9&src=srp_suggst_revise&ssid=e7a2dd6d3db64268a7cdc07eb41f2203&fr=hao_360so_suggest_b_cube&sp=a6c&cp=03d37174d8&psid=f5ccf79569016e95be3339b9a9a23458&eci=&nlpv=pcsug1_dt42'
}
},1000)
}
</script>
</body>
</html>
js利用定时器,实现点击支付按钮5秒后,跳转页面
于 2023-12-05 16:51:56 首次发布