如何循环一个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在启动时打开空环境
  • 热门搜索
    水彩画图片大全 婚礼主持词大全 房子的风水怎么看 身份证大全防沉迷 婴儿米粉怎么冲 煲汤食谱大全 suv汽车大全10万左右 笔记本内存条怎么选 刘禹锡简介 江淮皮卡车大全价格