如何解决为什么这个函数不能使用opacity?
我想通过按下按钮使图像在短时间内稍微透明,然后使其再次正常可见。为什么代码不起作用?
Python 3.8.5
TensorFlow 2.2.0
nvcc 10.1
os Ubuntu 20.04 LTS
GPU GM108M [GeForce 830M]
解决方法
使用 setTimeout
要简单得多。
function test() {
const el = document.getElementById('black');
el.style.opacity = '0.33';
setTimeout(() => el.style.opacity = '1',3000);
}
img width: 128px height: 128px padding: 10px; }
img:hover { opacity: 0.5; }
<div id="epicenter">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Face-devil-grin.svg/1024px-Face-devil-grin.svg.png" alt="Schwarz" id="black">
</div>
<button onclick="test()">Test</button>
您应该使用 SetTimeout 而不是定义自己的睡眠函数。
setTimeout(function(){
document.getElementById("black").style.opacity = 1;
},3000);
用上面的替换你的 sleep 函数调用。
请参阅https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals了解更多详情
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。