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中指定位置

}

取消

评论