1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html 怎么几秒后自动隐藏 js设定DIV显示时间并动态显示时间倒计时多少秒 倒计时完

html 怎么几秒后自动隐藏 js设定DIV显示时间并动态显示时间倒计时多少秒 倒计时完

时间:2023-01-14 11:19:43

相关推荐

html 怎么几秒后自动隐藏 js设定DIV显示时间并动态显示时间倒计时多少秒 倒计时完

给你个思路:

1初始化时间,例如1小时5分钟30秒(也可以让用户手动设置,这里略)

保存在全局变量中

var hour,minute,second;

2设置定时每隔1秒执行function xxx

setInterval(function xxx(){...},1000);

3编写function用于每隔1秒更新时间,里面判断若倒计时为0时,隐藏div

function xxx(){

if(--second==0){

if(--minute==0){

if(--hour==0){

//隐藏div 设置style.display='none'

}

show(hour,minute,second);

second=60;

minute=60;

}

show(hour,minute,second);

second=60;

}

show(hour,minute,second);

}

function show(hour,minute,second){

var str_hour = hour10?0+hour:+hour;

var str_minute = minute10?0+minute:+minute;

var str_second = second10?0+second:+second;

//将这三个时分秒显示到div中指定位置

}

取消

评论

html 怎么几秒后自动隐藏 js设定DIV显示时间并动态显示时间倒计时多少秒 倒计时完了之后该层自动隐藏。...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。