如何循环一个div并且显示不同内容

 时间:2026-02-14 17:55:20

1、在文件夹中创建一个test的html文件。

如何循环一个div并且显示不同内容

2、在文件中添加一个id为test的div。

如何循环一个div并且显示不同内容

3、在底部添加script脚本,定义一个 n 变量,以及一个 haha 函数。

如何循环一个div并且显示不同内容

4、每次执行haha函数中n加1,并通过switch判断n的数值,并使用dom修改div中的内容。

如何循环一个div并且显示不同内容

5、在最后使用setInterval函数,每隔1秒钟执行haha函数 显示不同的内容test1或者test2,更多的可以在case往后添加。

如何循环一个div并且显示不同内容

6、在浏览器打开后我们发现默认是显示的test1,一秒后显示test2,然后就这样循环显示这两个内容。

如何循环一个div并且显示不同内容

  • PHP如何输出弹窗
  • 怎样在表单提交前用JS修改表单数据?
  • jquery怎么获取div的class值
  • eclipse开发的jsp网站怎么放在tomcat下独立运行
  • 如何设置SSMS在启动时打开空环境
  • 热门搜索
    狼王梦手抄报 儿童节手抄报内容大全 红心向党手抄报 小学四年级手抄报 生命手抄报 劳动节手抄报简单漂亮 英语手抄报花边 诚信友善手抄报 庆祝国庆节手抄报 清明节手抄报大全漂亮