这个代码会在6秒后隐藏DIV ,怎么加一个倒计时 （从6秒倒计时到1秒关闭的数字）
<html>
<head>
<style>
.tab{
border:1px solid #f00;
width:400px;
height:400px;
background:#360;
margin:auto;
padding:0px;
overflow:hidden;
position:relative;
left:0px;
top:0px
}
</style>
<script>
H=400;
W=400;
id='timing_hidden'
function show_con(){
var obj_nav=document.getElementById(id)
var n=20,t=50;
var timers=new Array(n);
for(var i=0;i<n;i++){(
function(){
if(timers[i]) clearTimeout(timers[i]);
var j=i;
timers[i]=setTimeout(function(){
obj_nav.style.display="none";
},(i+1)*t);
}
)()};
}
setTimeout("show_con()",6000);
</script>
</head>
<body>
<div id='timing_hidden' class='tab'>
提示：6秒钟后这个层自动隐藏，可自定义时间。
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.tab{
border:1px solid #f00;
width:400px;
height:400px;
background:#360;
margin:auto;
padding:0px;
overflow:hidden;
position:relative;
left:0px;
top:0px
}
#time{
font-size: 200px;
font-weight: bold;
color: red;
text-align: center;
padding-top: 20px;
}
</style>
<script>
H=400;
W=400;
id='timing_hidden'
function show_con(){
var obj_nav=document.getElementById(id)
var n=20,t=50;
var timers=new Array(n);
for(var i=0;i<n;i++){(
function(){
if(timers[i]) clearTimeout(timers[i]);
var j=i;
timers[i]=setTimeout(function(){
obj_nav.style.display="none";
},(i+1)*t);
}
)()};
}
setTimeout("show_con()",6000);
var a = 5;
var timerr = setInterval(function () {
if (a>0) {
document.getElementById("time").innerHTML = a;
a--;
}else{
clearInterval(timerr);
}
},1000)
</script>
</head>
<body>
<div id='timing_hidden' class='tab'>
提示：6秒钟后这个层自动隐藏，可自定义时间。
<div id="time">6</div>
</div>
</body>
</html>