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

 时间:2024-10-15 06:37:38

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在启动时打开空环境
  • 热门搜索
    爱国卫生月手抄报 缅怀先烈的手抄报 小学三年级手抄报 中秋手抄报图片大全图片 廉洁文化手抄报 安全日手抄报 清明节手抄报模板 母亲节手抄报简单好画 抗击病毒手抄报 三八妇女节手抄报内容