Javascript特效实现之倒计时按钮代码教程
程序员文章站
2022-05-18 18:09:16
javascript特效之倒计时按钮
我们在做网站特别是电商网站经常会有秒杀活动,那就需要有倒计时结束点击按钮秒杀功能。今天来看看这个按钮怎么实现的。看看效果图:
倒计时结束时按钮才可以点击。
看...
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秒后设置定时器实现倒计时功能,倒计时结束时再把按钮设置为可点击。