当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Javascript特效实现之倒计时按钮代码教程

Javascript特效实现之倒计时按钮代码教程

2018年09月14日  | 移动技术网IT编程  | 我要评论

javascript特效之倒计时按钮

我们在做网站特别是电商网站经常会有秒杀活动,那就需要有倒计时结束点击按钮秒杀功能。今天来看看这个按钮怎么实现的。看看效果图:

\

倒计时结束时按钮才可以点击。

看看js代码怎么实现:

i=10
function change()
{
var p=document.getelementbyid("p");
i--;
p.value="准备秒杀"+i
if(i==0)
{ p.disabled=false}
else
settimeout("change()",1000)
}

定义倒计时时间是10秒后设置定时器实现倒计时功能,倒计时结束时再把按钮设置为可点击。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网