imported>Wr 无编辑摘要 |
imported>Wr 无编辑摘要 |
(没有差异)
|
2022年5月1日 (日) 19:52的版本
/*剧透按钮*/
var spofr = document.getElementById('spoiler'); //内容大框
var spo = document.getElementById('spoilercon'); //剧透内容
var spobut = document.getElementById('spoilerbut'); //剧透按钮
/*检测显示或隐藏状态,并交给按钮显示*/
if (spo.style.display == 'block') {
var sposta = 'block';
spobut.innerHTML = "隐藏"
} else {
var sposta = 'none';
spobut.innerHTML = "显示"
}
var spoheight = spo.clientHeight; //检测高度
var spostartclick //定义检测按钮是否在执行过程被重复按下
spobut.onclick = function() {
/*检测是否重复点击*/
if (spostartclick == true) {
console.log('用户重复点击按钮')
} else {
spostartclick = true; //禁止重复点击
/*隐藏或显示*/
if (sposta == 'block') {
spofr.style.overflow = 'hidden'
spofr.style.maxHeight = '21px'
spo.style.opacity = '0';
spobut.innerHTML = "显示"
setTimeout(
function() {
spo.style.display = 'none';
sposta = "none";
spostartclick = false //可以点击
}, 1000)
} else {
spo.style.display = 'block';
sposta = 'block';
spobut.innerHTML = "隐藏"
spofr.style.maxHeight = (spo.clientHeight + 37 + 'px');
spo.style.opacity = '100';
setTimeout(function() {
spostartclick = false; //可以点击
}, 1000)
}
}
}