js生成div,如何使15个div成一行,满15个自动换到下一行

JavaScript023

js生成div,如何使15个div成一行,满15个自动换到下一行,第1张

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<script type="text/javascript">

var countSet=15

var counter=countSet

// 随机一个数字,由0到250

function random250(){

return new String(Math.round(Math.random()*250))

}

// 创建并返回一个div的dom对象

function createDiv(){

var div=document.createElement("div")

div.style.width="10px"

div.style.height="10px"

div.style.cssFloat="left"

div.style.backgroundColor="rgb("+random250()+","+random250()+","+random250()+")"

return div

}

// 添加一个div到body中

function addDiv(){

var div=createDiv()

var body=document.getElementsByTagName('body')[0]

body.appendChild(div)

if(--counter==0){

body.appendChild(document.createElement("br"))

counter=countSet

}

}

// 每500毫秒增加一个div

setInterval(function (){

addDiv()

},500)

</script>

</body>

</html>

functionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")} 下面,我们就针对上面的函数,让其在网页载入的时候自动运行! ①第一种方法 将如上代码改为: \x0d\x0afunctionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")}window.onload=MyAutoRun//仅需要加这一句\x0d\x0a ②第二种方法 修改网页的Body为: 或者改为: ③第三种方法 使用JS定时器来间断性的执行函数: setTimeout("MyAutoRun()",1000)//隔1000毫秒就执行一次MyAutoRun()函数 实现方法,将最上面的那JS函数,改为: \x0d\x0afunctionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")}setTimeout("MyAutoRun()",1000)//这样就行拉\x0d\x0a 其它的方法比较特殊,也不常用,通用性也不大,偶就不介绍了,拜拜!