用js怎样自动循环生成div？

Posted 2023-05-11

已有一个id为pro的div，怎样在pro这个div中自动循环生成n个并排一行的div方块？

1、先根据id获取对象

document.getElementById("pro")

2、然后  使用该对象‍的  .innerhtml 属性往该节点中插入

document.getElementById("pro").innerHTML="<div>*****</div>"

3、使用for循环。

4、结束，实现方法很多。编程学的不是代码，而是思想。

参考技术A for(var i=0;i<n;i++)
    $("#pro").append("<div style='display:inline-block'></div>")

参考技术B 写一个function在script就好了，具体的再追问或者私信吧

用jquery或js实现三个div自动循环轮播

参考技术A

可以参考下面的daima :

//3个div的统一class = 'div'

var index =0;

//3秒轮播一次

var timer = setInterval(function()

index = (index == 2) ? 0 : index + 1;          

//某个div显示，其他的隐藏

$(".div").hide().eq(index).show();    

, 3000);

扩展资料：

javaScript参考函数

getUTCFullYear() 根据邦际时间来失掉完全的年份

getUTCMonth() 依据国际时间来得到月份(0-11)

getUTCDate() 依据国际时间来失掉日(1-31)

getUTCHours() 依据国际时间来失掉小时(0-23)

getUTCMinutes() 根据邦际光阴来往归分钟(0-59)

getUTCMilliseconds()依据国际时间来返回毫秒(0-999)

参考资料来源：百度百科-javascript

参考资料来源：百度百科-jQuery