如何循环一个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在启动时打开空环境
  • 热门搜索
    禾怎么组词 华硕飞行堡垒怎么样 早早孕试纸怎么用 意大利面怎么做好吃 桑葚酒怎么做 牛百叶怎么做好吃 免疫力低下怎么办 脸上长疙瘩硬硬的怎么回事 松露怎么吃 wzc服务怎么启动