在无限循环中 6 秒后隐藏和取消隐藏文本 (Html)

2023-12-08

您好,我创建了这个脚本来隐藏 6 秒后的文本,但我希望文本必须每 6 秒重新出现并再次消失到无限,我如何创建这种 HTML 脚本?

<h1 style="text-align: left;" id="xhide">Hello World</h1>

<script type="text/javascript">
function hide(id) {
    d= document.getElementById(id)
    d.setAttribute('style','display:none;')
}
setTimeout(function () {
    hide('xhide')
}, 6000);
</script>

您可以根据需要尝试更新的代码:

<h1 style="text-align: left;" id="xhide">Hello World</h1>

<script type="text/javascript">
var flag=true;
function hide(id) {
    d= document.getElementById(id);
    d.setAttribute('style','display:none;');
}

function show(id) {
    d= document.getElementById(id)
    d.setAttribute('style','display:block;')
}
  
setInterval(function() {
    if(flag) {
        show('xhide');
        flag=false;
    } else {
       hide('xhide');
       flag=true;
    }
}, 6000);
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在无限循环中 6 秒后隐藏和取消隐藏文本 (Html) 的相关文章

  • 选择单选按钮时隐藏/显示 3 个文本框

    我有 2 个单选按钮 选择一个文本框时 我想显示 3 个文本框 并在选择其他文本框时隐藏它 这是代码 这是我的 2 个单选按钮
  • 如何对多行文本中的每一行应用填充?

    我已将背景颜色应用于 span 标签 也有左和右padding设置在它上面 问题是 padding仅适用于左侧 开始 和右侧 结束 span 而不是当文本换行时每行的左侧 开始 和右侧 结束 我该如何应用左和右padding to the
  • 如果选中复选框则显示 div

    我正在尝试构建类似 WordPress 选项的东西 用于在创建文章时切换字段可见性 我所构建的依赖于 click函数使用相应的字段名称切换父项 我想知道如果选中该复选框 执行此操作的最佳方法是什么 因为如果您选中一个框并重新加载页面 因为它
  • 使用 File API polyfill 读取数据 URL

    我正在尝试使用文件 API 库 https github com mailru FileAPI https github com mailru FileAPI 作为不支持文件 API 的浏览器的后备 以便将文件作为数据 URL 读取并将其传
  • 减小 TinyMCE 文本区域中的行间距

    I am using TinyMCE to provide a rich text editing text editor But the line spacing between the lines is too much I have
  • Jquery 以编程方式更改

    文本

    编辑 解决方案是将其添加到个人资料页面而不是性别页面 profile live pageinit function event p pTest text localStorage getItem gender 我在列表视图中有一个带有一些文
  • 如何强制 Facebook 清除其缓存并使用共享网页的更新元描述?

    每当人们在 Facebook 上分享链接时 Facebook 就会从网页的 HTML 标头中获取标题和网页描述 我意识到 我相信是出于性能目的 如果更多的人一遍又一遍地共享相同的链接 Facebook 会缓存并重用网页标题和描述 如果网页上
  • 有没有办法改变输入类型=“日期”格式?

    默认情况下 输入type date 显示日期为YYYY MM DD 问题是 是否可以将其格式强制为 DD MM YYYY 无法更改格式 我们必须区分有线格式和浏览器的表示格式 接线格式 The HTML5日期输入规范 https www w
  • 如何在 PHPStorm 中禁用 html 标签完成

    当我在 HTML 其他上下文中并输入时foobar然后按Tab键它会自动变成
  • 使用 javascript 更改 div 颜色

    div style height 20px width 100 background color 000000 div br
  • 在 javascript、jQuery 或 css 中,如何让 div 或 iframe 展开以填充其余空间

    我有三个 iframe 我将顶部 iframe 设置为 50px 高度 将底部 iframe 设置为 50px 但我希望中间 iframe 扩展以填充其余空间 有没有一种技术可以用来对任何窗口屏幕尺寸执行此操作 谢谢 example
  • GWT - 如何组织项目以拥有多个网页以及它们之间的导航

    我是 GET 的新手 顺便说一句 它给我留下了深刻的印象 并且发现它对于像我这样熟悉 C NET 桌面技术并愿意编写 Web 应用程序的人来说非常有吸引力 我根据 GWT Eclipse 向导生成的示例启动了自己的项目 该项目生成带有面板的
  • IE 中的 HR 标签 - 删除边框

    在除 IE7 及更低版本之外的其他浏览器中 hr 在 hr 标签周围显示边框 但我不希望它出现 我已经尝试过这个解决方案 但它周围似乎仍然有边框 它看起来像这样 我该如何摆脱它 See http webdesign about com od
  • 扩展位置绝对div超出溢出隐藏div

    我已经好几个月没有做过CSS了 所以我可能会错过一些简单的东西 但无论解决方案是什么 我都无法弄清楚 所以问题就在这里 这是我的代码的简化版本 div style height 100 width 200px div style margi
  • 为什么将 x 和 y 设置为 0 时 svg 文本会消失?

    我刚刚开始阅读有关svg我提出了以下问题 我正在创建一个简单的svg with a text里面如下图所示 从我的阅读中我了解到x and y of the text标签声明文本在标签内的位置svg space 为什么当我同时设置x and
  • 引导行之间的垂直间距

    所以我正在研究布局 为了 响应能力 我决定使用 Bootstrap 现在我猜网格系统有问题 我想要的结果如下 1 4 2
  • 即使在包裹后也具有等宽的弹性项目

    是否可以制作一个像这样的纯 CSS 解决方案 物品有一些min width 它们应该动态增长以填充所有容器宽度 然后换行到新行 列表中的所有项目都应具有相同的宽度 现在看起来是这样的 这就是我希望它看起来像的样子 我已经手动管理这些底部项目
  • 计算文本选择的 xy 位置

    我正在尝试使用 DOM 元素创建自己的文本选择 是的 我的意思是当您在此元素中选择文本时 您会在文本后面看到蓝色背景 这个想法是停止默认行为 蓝色 并使用我自己的元素来完成工作 方法是找到选择的 xy 位置 然后放置绝对定位的元素 我希望能
  • 如何在表格列标题处垂直旋转文本

    我用过这个数据表 http www datatables net 在我的网页上 这是fiddle http jsfiddle net fxju7 2 链接我放置代码的地方 我想要 第一个数字第二个数字列应该垂直旋转 我已经做到了 但是 问题
  • HTML 属性 bgcolor 已弃用:用什么代替?

    VStudio ASP NET 给出以下消息 Attribute bgcolor is considered outdated A newer construct is recommended 推荐的结构是什么 bgcolor是在一个 td

随机推荐

  • 本地 Jekyll 服务/实时站点差异

    我正在使用主题创建一个 jekyll 博客来托管在我的 github io 帐户上 问题很简单 当我运行 jekyllserve 时 该网站会在本地生成 没有任何问题 但是 当我将其推送到 my profile github io 存储库时
  • Selenium 2:检测链接目标的内容类型

    我正在使用 Selenium 2 Java API 与网页交互 我的问题是 如何检测链接目标的内容类型 基本上 这是背景 在单击链接之前 我想确保响应是 HTML 文件 如果没有 我需要以其他方式处理 假设有一个 PDF 文件的下载链接 应
  • 在 Java 中可视化矢量图形,哪个库?

    我需要可视化一个大的矢量图形 这是一张道路地图 道路只是线条 有图书馆吗 如果该库支持放大 缩小并且易于扩展 那就太好了 例如 实现道路选择或一些不错的鼠标悬停效果 许可证应允许在商业项目中使用 谢谢 菲利普 编辑 有理由不使用 Graph
  • 更改 conda PS1 提示符

    我刚刚安装了新版本的 Conda 22 9 0 我以前的版本用于在 Linux 提示符前面加上激活的 Conda 环境的名称 然而 新版本将整个提示替换为 Conda 环境名称 例如 base 因此 我想自定义提示 我已经使用以下方法完成了
  • 默认 Ruby 未使用 RVM 加载

    不确定此问题是否与最近的 Oh My ZSH 更新有关 但突然间 我的 RVM 默认 Ruby 在打开新的终端窗口时未加载 相反 它加载系统 Ruby 我已经添加了 s HOME rvm scripts rvm HOME rvm scrip
  • 为什么在所有初始订阅者断开连接后 RefCount 不起作用? (还原)

    根据 Lee Campbell 的要求 这是一个后续问题这个原来的 其目的是在我试图解决的用例的背景下提出问题 我有一个WebApiService它封装了原始 Web API 并提供令牌管理 也就是说 它跟踪身份验证令牌 并将其传递给原始
  • std::locale 构造函数在使用 MinGW 编译的程序中抛出异常

    此代码在 MSVC 2022 中运行 并在 MinGW x86 64 w64 mingw32 gcc 12 2 0 中引发运行时错误 include
  • 配置 Notepad++ 在本地主机上运行 php?

    我正在尝试获取选项 运行 gt 使用 Firefox 启动 打开我当前在 Notepad 中查看的文件http 127 0 0 1 8080 currentfile php 但它只是在 Firefox 中打开到当前文件目录 我尝试编辑 No
  • WCF活动宣言

    我发现 WCF 不直接使用事件 而是使用 OneWay 委托调用 但有人可以向我展示一个关于如何执行此操作的简单示例吗 这是我现在的设置 OperationContract IsOneWay true void OnGetMapStoryb
  • 从 IntelliJ 启动 Grails 3 应用程序并启用自动重新加载

    看起来 IntelliJ Ultimate EAP 15 对 Grails 3 的支持还处于早期阶段 如果我做Run gt Debug Grails My App 我可以从 IntelliJ 内部启动应用程序 我可以设置断点并且它按预期工作
  • SimpleDateFormat 解析时忽略月份

    以下代码给出的解析日期为 Wed Jan 13 00 00 00 EST 2010 而不是 2010 年 6 月 13 日星期三 00 00 00 EST 2010 任何想法都非常感激 SimpleDateFormat sf new Sim
  • [SpringBoot]:简单组件无法自动装配 String 类

    我有这个简单的组件类 package jason import org springframework stereotype Component Component public class Messenger private String
  • 转发 C 中可变参数函数的调用

    在C中 是否可以转发可变参数函数的调用 如 int my printf char fmt fprintf stderr Calling printf with fmt s fmt return SOMEHOW INVOKE LIBC PRI
  • 查看子路线时,Ember 隐藏父模板

    我正在使用 Ember 为我的网站制作一个简单的博客 我的路线 Router map function this route home path this route blog function this route post path p
  • 使用 PHP 合并视频文件

    我有两个 mp4 文件 我想合并它们 media1 file get contents SERVER DOCUMENT ROOT dir media1 mp4 media2 file get contents SERVER DOCUMENT
  • webview android kitkat 4.4.2 上的“选择要上传的文件”

    我有一个网络视图 我添加了上传文件的代码 它在 4 3 和 4 2 galaxy s3 上运行良好 但在 4 4 2 上不起作用 如 Galaxy s5 和 lg3 当我单击 选择文件 时 它没有响应并且没有任何反应 这是我的代码 Main
  • 在 Common Lisp 中从文本文件读取数组

    我正在尝试从文本文件读取 Lisp 中的数据 实际上是一个数组 我尝试使用with open file and read line但无法实现我的目标 我正在寻找的东西相当于做data load filename txt 在 MATLAB 中
  • “%matplotlib inline”导致以下代码出错

    如果我注释掉 matplotlib inline 代码运行正常 但是 如果我将 matplotlib inline 保留为未注释 则 fig axes plt subplots nrows x p ncols y p 开始创建空白图 并且以
  • Windows Phone 中的 SQL Server CE 中的 NTEXT 超过 4000 个字符

    Windows Phone 中的 SQL Server CE 中的 NTEXT 超过 4000 个字符 我的 Windows Phone 应用程序中有一个数据库 其中包含ntext其中一个表中的字段 我试图向该字段写入一些内容 但我得到了I
  • 在无限循环中 6 秒后隐藏和取消隐藏文本 (Html)

    您好 我创建了这个脚本来隐藏 6 秒后的文本 但我希望文本必须每 6 秒重新出现并再次消失到无限 我如何创建这种 HTML 脚本 h1 style text align left Hello World h1 您可以根据需要尝试更新的代码