javascript - onclick显示div持续一秒钟，而其他单击则增加div的大小，也不要将其隐藏

在div0上单击div0时显示div0 10秒钟，然后如果有人单击div0内部的button0，则增加div0的大小，并删除计时器或设置自定义隐藏时间。

我想知道 -
如何通过单击button0设置隐藏div0的自定义时间。
还有如何永久显示div0。

这是我的代码

的HTML

<!-- its the hidden div which has to appear -->
<div class="div0"><button onclick="openAll()"><button> button0</button></div>
<!-- its the button1 -->
<button onclick="hidDiv()">button1</button>

的CSS

.div0{width:100px;height:100px}

Java脚本

function hidDiv(){
var nb = document.getElementsByClassName('div0');
 nb.className = "show";
 var timeOut = setTimeout(function(){
            nb.className = "hide";
 },5000 );
}

function openAll(){
var nb = document.getElementsByClassName('div0')[0];
 nd.style.width = "300px";
 nd.style.height = "300px";
}

最佳答案

内部超时使用

display="none";

并在下面的样式中添加

nd.style.disply=block;