win32s,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
input[type="checkbox"] {
width:19px;
height:19px;
}
.fin {
transform: scale(0);
margin: 0 auto;
text-align: center;
font-size: 3em;
}
.fin.open{
transition: 1s;
transform: scale(1);
}
</style>
</head>
<body>
<input type="checkbox" name="" disabled="disabled">
<input type="checkbox" name="" disabled="disabled">
<input type="checkbox" name="" disabled="disabled">
<input type="checkbox" name="" disabled="disabled">
<input type="checkbox" name="" disabled="disabled">
<div class="fin">fin</div>
<script>
async function mouseClick(el, delay) {
return new Promise(resolve => el.onclick = () => {
el.setAttribute('disabled', 'disabled');
setTimeout(resolve, delay)
});
}
const checkboxs = document.querySelectorAll('[type="checkbox"]'),
fin = document.querySelector('.fin');
let {length} = checkboxs;
(async function main() {
for(const el of document.querySelectorAll('[type="checkbox"]')) {
el.removeAttribute('disabled');
let delay = --length ? 5000 : 0;
await mouseClick(el, delay);
}
fin.classList.add('open');
})();
</script>
</body>
</html>