您的位置：首页 > Web前端 > JavaScript

奥运五环（一个简单的的测试浏览器对javascript的解析速度）

2011-04-18 09:57 381 查看

<html>

<head>

<title>奥运五环</title>

</head>

<body>

<script>

//x、y分别是点的横纵坐标，color是点的颜色

function createPoint(x,y,color){

document.write("<div style='overflow:hidden; background-color:"+color+";width:1px;line-height:1px;top:"+y+"px;left:"+x+"px;position:absolute;'> </div>");

}

//x、y是圆心坐标，r是圆的最大半径，w是圆边宽度（当宽度过大时，有的浏览器解析速度会超时），color是圆的颜色

function createCircle(x,y,r,w,color){

if(w<=0){alert("圆的宽度必须大于零！！");return;}

if(r<=w){w=r;}

for(var j=r-w;j<r+1;j++){

for(var i=0;i<720;i++){

var single=(i*0.5/180)*3.1415926

var top=y+Math.floor(j*Math.cos(single));

var left=x+Math.floor(j*Math.sin(single));

createPoint(left,top,color);

}

}

}

createCircle(322,312,90,10,"#ff0000");

createCircle(512,312,90,10,"#00ff00");

createCircle(702,312,90,10,"#0000ff");

createCircle(417,392,90,10,"#000000");

createCircle(605,392,90,10,"#123456");

</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 浏览器测试 function div

相关文章推荐

新的分享

章节导航