欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-10-26 12:40:26
javascript特效之倒计时按钮 我们在做网站特别是电商网站经常会有秒杀活动,那就需要有倒计时结束点击按钮秒杀功能。今天来看看这个按钮怎么实现的。看看效果图: 倒计时结束时按钮才可以点击。 看...

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秒后设置定时器实现倒计时功能,倒计时结束时再把按钮设置为可点击。