如何循环一个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在启动时打开空环境
  • 热门搜索
    怎么蒸螃蟹 鬼压床怎么解决 鼻子上火怎么办 女性排卵期怎么算 台电u盘怎么样 犬瘟热怎么治 新鞋磨脚后跟怎么办 鸡肉怎么做好吃又简单 word页边距怎么设置 内容摘要怎么写