首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在5秒后将"display:none“设置为之前在JavaScript中设置的"display:initial”?

如何在5秒后将"display:none“设置为之前在JavaScript中设置的"display:initial”?
EN

Stack Overflow用户
提问于 2021-02-03 07:07:31
回答 1查看 23关注 0票数 0

我正在尝试创建一个问候弹出窗口,并使其只显示5秒,但我真的不知道如何使其工作。

提前感谢!

代码如下:

代码语言:javascript
运行
复制
function greeting(event){
  if (time >= 6 && time <= 11 ){
    goodMorning.style = 'display:initial'
  } else if (time >= 13 && time <= 17){
    goodDay.style = 'display:initial'
  } else if (time >= 17 && time <= 22) {
    goodEvening.style = 'display:initial'
  } else {
    welcome.style = 'display:initial'
  }
};
EN

回答 1

Stack Overflow用户

发布于 2021-02-03 07:09:37

没有必要做这么复杂的工作。只需使用setTimeout在指定的毫秒数后执行函数。

代码语言:javascript
运行
复制
var goodEvening = document.getElementById("a");
setTimeout(function(){hide(goodEvening);}, 5000);
function hide(element){
  element.style.display="none";
}
代码语言:javascript
运行
复制
<p id="a">Good evening!</p>

jQuery方法:

代码语言:javascript
运行
复制
setTimeout(function(){$('#a').hide();},5000);
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="a">Good evening!</p>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66018902

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档