如何根据定时器改变div的内容

2024-03-19

jquery 有没有办法根据计时器更改 div 的内容。

假设我有提供“提示”的模块。提示内容应每 5 秒更改一次。

Thanks


制定一系列提示。然后做一个interval5秒改变div的内容。我假设您想要随机提示。

请参阅 jsFiddle 上的示例。 http://www.jsfiddle.net/brunolm/CDzXQ/

var tips = [
    "Tip 01",
    "Tip 02",
    "Tip 03",
    "Tip 04",
    "Tip 05",
    "Tip 06",
    "Tip 07",
    "Tip 08",
    "Tip 09"
];

// get a random index, get the value from array and
// change the div content
setInterval(function() {
    var i = Math.round((Math.random()) * tips.length);
    if (i == tips.length) --i;
    $("#tip").html(tips[i]);
}, 5 * 1000);

See:

  • 设置时间间隔 https://developer.mozilla.org/en/DOM/window.setInterval
  • jQuery 选择器 http://api.jquery.com/category/selectors/
  • jQuery html http://api.jquery.com/html/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何根据定时器改变div的内容 的相关文章

  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • 如何模板化 Select2 的预选值

    我预先选择的值Select2 https select2 org如下所示 function formatState state console log state text2 I found undefined here console l
  • 优雅地处理没有数据的 amcharts

    我想知道我的 dataProvider 是否为空 amCharts绘制时默认为null 我怎样才能动态地处理它 var chart AmCharts makeChart chartdiv theme none type serial dat
  • 通过 JavaScript 检测浏览器换行

    我需要 javascript 来检测每个浏览器包装的文本行并将其包装到 span class line 我读过一些关于测量每个单词的 y 轴的文章 但还没有看到可靠的解决方案 这是我到目前为止所拥有的 看到它Jsfiddle http js
  • Rails3/will_paginate/Ajax - 下一个/上一个链接无法正常工作(这是一个错误吗?)

    我正在遵循 使用ajax分页 http railscasts com episodes 174 pagination with ajax railscast 用于我的 Rails 3 应用程序 一切似乎都运行良好 除了上一个和下一个链接根本
  • 两个 OnClick 事件重叠

    我在元素内有一个元素 当我单击下面的元素时 我希望打开滑块 当我单击最外面的元素时 我希望滑块关闭 不幸的是 当我单击最外面的元素时 它也会单击下面的元素 有没有办法只单击最外面的元素而忽略下面元素的单击 这些事件在单击时触发并使用 Jav
  • CDATA 真的有必要吗?

    我经常使用内联 Javascript 通常是在我制作的 WordPress 主题中 我没有听说过将内联 Javascript 包装在 直到几个月前 几年来我一直在以相当的能力水平做这些事情 我用谷歌搜索了一下 听说人们使用它是因为他们的 J
  • JQuery hide() 和 fadeOut() 、 show() 和 fadeIn() 之间的区别

    我是 jQuery 新手 目前 我正在我的跨平台移动应用程序之一中使用 jQuery 我需要根据各自的条件隐藏和显示我的一些页面内容 我发现以下两种方法对我来说效果很好 myControlId fadeOut myControlId hid
  • 选择变量的嵌套元素 - jQuery

    我希望将变量传递给函数并让函数选择该变量中的元素 我不熟悉这种情况的语法 但是有人可以建议吗 例如 当在容器内单击按钮时 我希望将该容器存储在变量中 好吧 我有那部分 但后来我希望选择该容器中的某个元素 例如 container div e
  • 如何在同一页面上使用AJAX处理多个表单

    我有一个表单 当我单击 提交 时 它就被提交了 然后该表单隐藏 操作页面的结果显示在 div 中 classname dig 它工作正常 但是当我添加另一个表单时 它停止正常工作并且所有表单同时提交 我如何更改我的代码 done click
  • 简单模式对话框中链接的 Tab 键顺序

    我正在使用优秀的 jquery simplemodal 对话框插件来显示项目列表 这些项目包含超链接 除了模式对话框中的链接不会作为选项卡顺序的一部分出现之外 一切都很好 我尝试显式设置 tabindex 但由于某种原因 只有输入元素按 T
  • Jquery 组合 SlideUp/Down 并单击

    我创建了两个脚本 其中一个具有向上滑动和向下滑动命令 这些命令在页面加载时作用于计时器 第二个是单击事件 其中单击链接时执行向上 向下滑动命令 这两个脚本都是单独工作的 但我无法让它们一起工作 这是定时向上 向下滑动脚本 document
  • 删除数据表列中的额外填充

    你好 我创建了 JQuery DataTables 如下所示 所以我的问题是如何删除 图片 列中过多的填充 这就是我初始化表的方式 violators tbl DataTable aoColumnDefs bSortable false a
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 删除某个类之后的所有类

    我有一个 lt div id thisdiv class class1 class2 class3 class4 class5 gt text lt div gt 我需要能够使用 jQuery 删除 class3 之后的所有类 就像是 th
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 如何判断 jquery 对话框是否打开? [复制]

    这个问题在这里已经有答案了 寻找通用案例解决方案来确定当前是否打开任何 jquery 对话框 有多个 试过 ui dialog content dialog isOpen true ui dialog dialog isOpen true
  • jQuery 获取元素内的鼠标位置

    我希望制作一个控件 用户可以在 div 内单击 然后拖动鼠标 然后松开鼠标以指示他们想要的内容有多长 这是针对日历控件的 因此用户将指示特定事件的时间长度 看起来最好的方法是在父 div 上注册一个 mousedown 事件 而父 div
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c

随机推荐

  • 获取数组的一部分而不创建新副本

    我正在尝试找到一种解决方案 解决方法来切片非常大的数组而不创建新副本 这是我的问题 假设我有一个大小为 1 亿或更多的 double int 大型数组 我将代表不同事物的许多不同数组存储在一个非常大的数组中 以显着节省内存使用量 因此 我没
  • 如何为 wkwebview 使用 iOS 13 深色模式

    我正在使用 Xcode 11 beta 开发 iOS 13 有什么办法可以在网页视图上支持暗模式吗 我已经为除 WKWebviews 之外的所有其他视图创建了颜色集 如何更改深色模式的网页视图背景和文本颜色 假设您的问题是询问如何根据浅色模
  • 创建专用函数模板的最佳方法是什么?

    有更好的方法来执行以下操作吗 include
  • THREE.js 正交相机缩放到鼠标点

    我正在为我们的 THREE js 应用程序开发正交相机 本质上 该相机将以 2D 方式向用户呈现场景 用户可以选择在 2D 和 3D 相机之间切换 该相机将允许平移和缩放到鼠标点 我可以进行平移 也可以进行缩放 但不能缩放到鼠标点 这是我的
  • 如何将数字加 1 到 NSMutableArray

    如何将 1 和变化的数字之间的每个数字添加到 NSMutableArray 中 以便它可以显示在 UITableView 中 例如 如果当前变化的数字是 8 则数组应包含 1 2 3 4 5 6 7 8 谢谢 我推荐以下方法 不需要数组 给
  • 广播联系人添加/更改?

    有没有我可以注册的标准广播意图BroadcastReceiver每当添加或更改联系人时都会触发该操作 我已经浏览文档有一段时间了 但没有找到任何东西 也许它隐藏在某个深处 而你们中的一个人知道在哪里 我在这里回答我自己的问题 如果有人有更好
  • 为什么“unbounded_array”比“vector”更有效?

    这里说 http www boost org doc libs 1 42 0 libs numeric ublas doc unbounded array htm that 无界数组类似于 std vector 可以在其中生长 大小超出任何
  • Android GridView 缺陷,如何删除右侧多余的空白

    我有一个基于 GridView 的日历 我有以下 XML 布局 其中选择器设置为 nullandroid listSelector null 根据我从这个网站得到的建议 现在我在 GridView 右侧得到了几个像素宽的条带 为什么 我已尽
  • Matlab bar:使用颜色图(jet)将颜色设置为条形高度的函数

    我有 4 组不同的多个酒吧 我想 对于每个组 用颜色绘制每个条形 该颜色是其高度值 即相关条形的值 的函数colormap jet 目前 我已经做了 h bar xpoints 1 4 bpcombined 1 4 grouped BarW
  • ffmpeg FLAC 24 位 96khz 至 16 位 48khz

    试图弄清楚 ffmpeg 目前正在努力将 24bit 96khz FLAC 文件转换为 16bit 48khz 基本示例 ffmpeg i input flac sample fmt s16 ar 48000 output flac 列出示
  • 导航控制器中的中心搜索栏 swift

    我需要更改导航控制器中搜索栏的方向以设置为中心 我使用以下代码以编程方式创建了搜索栏 lazy var searchBar UISearchBar UISearchBar frame CGRectMake 100 40 440 40 在 v
  • 引起原因:android.database.sqlite.SQLiteException:没有这样的表:strings:,编译时:SELECT id,string FROM strings WHERE id =?

    我收到此错误 07 16 20 58 27 299 E AndroidRuntime 14005 Caused by android database sqlite SQLiteException no such table strings
  • android studio 9补丁编辑器突然黑屏

    任何有在 AS 中使用 9 补丁编辑器的经验的人突然开始使用黑色背景的图像 我使用它没有任何问题 现在突然我无法进行任何编辑 下图应该有透明背景 如果我尝试拖动可拉伸补丁 则不会发生任何变化 可以这么说 它会不断重置自身 此更改也发生在同一
  • 在 Django 模型中存储和转义 Django 标签和过滤器

    我将模型中的内容输出到模板 但是某些模型字段调用存储在其他模型中的数据 这种情况只发生在少数领域 我想知道是否使用if与在模型中存储 django 标签相比 使用 django 标签来评估这一点会更有效 答复这个问题 https stack
  • Haskell 中的基因编程

    有 GenProg http hackage haskell org package genprog http hackage haskell org package genprog 例如 但这仅涉及数值优化 在本例中找到描述数据的方程 但
  • 具有固定标题和固定列的可滚动 HTML 表格

    我想创建一个包含可滚动数据的表 我必须冻结表格的第一行和第一列 表格的第一行和第一列必须自动调整宽度和高度 以适应表格内容区域中的可变单元格尺寸 因为用户将添加具有可变内容量的新表格单元格 有人问了一个相关问题 如何在滚动时锁定表格的第一行
  • 当(深度)克隆时,使用 String.Copy 还是 str1 = str2?

    当 深度 克隆自定义对象时 我应该使用clone str1 String Copy obj str1 or clone str1 obj str1 我更喜欢后者 更短 更快 但它 安全 吗 我会指出这个线程 https stackoverf
  • ODP.NET 托管库确实可以解析别名,但 32 位库可以

    我的机器上安装了 32 位驱动程序 它们是由一些 DBA 安装和配置的 我编写了一个简单的脚本来测试驱动程序 大致如下 using DataTable table new DataTable using OracleConnection c
  • 我收到此错误“无模块:ngResource”

    尝试使用 Angular resource 但它返回的不是一种方法 浏览稀疏的文档 我发现了这一点 angular module productServices ngResource 您应该将其包含在您的应用程序模块中 公平地说 我把它放进
  • 如何根据定时器改变div的内容

    jquery 有没有办法根据计时器更改 div 的内容 假设我有提供 提示 的模块 提示内容应每 5 秒更改一次 Thanks 制定一系列提示 然后做一个interval5秒改变div的内容 我假设您想要随机提示 请参阅 jsFiddle