效果图:
html
<div style="text-align: center;">
<input type="button" value="下一步" id="nextBtn" onclick="btnfunction()" disabled>
<!-- <button id="nextBtn">下一步</button> -->
</div>
css
#nextBtn{
font-size: 0.85rem;
color: white;
background-color: orangered;
height: 2.125rem;
width: 6.25rem;
border-radius: 0.9125rem;
border: none;
}
js
//设置按钮5秒后可以点击
var second = 5;
var time = setInterval(function(){
if(second>0){
$("#nextBtn").val("下一步("+second+"s)");
second--;
}else{
$("#nextBtn").val("下一步");
$("#nextBtn").removeAttr("disabled");
clearInterval(time);
}
},1000);
//测试5秒后可以点击的函数
function btnfunction(){
alert("测试点击");
}
如果是页面5秒后自动隐藏
// 5秒钟以后,这个窗口自动关闭!
// window.setTimeout("window.close()",5000);
另一个页面设置即可
// window.open("1.html","_blank","top=0.left=0,width=300px,height=300px,toolbar=no");
好啦,本期内容就分享到这里,我们下期见!
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!