javascript实现基本数据结构(一)冒泡排序
来源:互联网 发布:淘宝图片格式要求 编辑:程序博客网 时间:2024/05/18 00:29
<div id="showLine">
</div>
<input name="HBCreateLine" type="button" value="生成线" onclick="HBCreateLineFunction()">
<input name="HBBubArrange" type="button" value="冒泡排序" onclick="HBBubArrangeFunction(0)">
<script language=javascript>
function HBCreateLineFunction()
{
var LineArray=new Array()//生成一个数组用来存放线
for(var i=0;i<50;i++)
{
LineArray[i]="<hr align='left' style='width:"+Math.ceil(Math.random()*1000)+"' color='red'>"
}
document.getElementById("showLine").innerHTML=LineArray.join("")//把线打印到页面上
}
function HBBubArrangeFunction(index)
{
var objs=document.getElementsByTagName("hr")
var flag=false;//设置一个变量用来判断是否有交换
var temp;
for(var i=0;i<50-index-1;i++)
{
if(parseInt(objs[i].style.width)>parseInt(objs[parseInt(i)+parseInt(1)].style.width))//判断大小,交换数据
{
temp=objs[i].style.width;objs[i].style.width=objs[parseInt(i)+parseInt(1)].style.width;objs[parseInt(i)+parseInt(1)].style.width=temp;
flag=true;
}
}
if(flag&&index<49)
{
index++;
setTimeout("HBBubArrangeFunction("+index+")",2000)
}
else
{
alert("结束")
}
}
</script>
</div>
<input name="HBCreateLine" type="button" value="生成线" onclick="HBCreateLineFunction()">
<input name="HBBubArrange" type="button" value="冒泡排序" onclick="HBBubArrangeFunction(0)">
<script language=javascript>
function HBCreateLineFunction()
{
var LineArray=new Array()//生成一个数组用来存放线
for(var i=0;i<50;i++)
{
LineArray[i]="<hr align='left' style='width:"+Math.ceil(Math.random()*1000)+"' color='red'>"
}
document.getElementById("showLine").innerHTML=LineArray.join("")//把线打印到页面上
}
function HBBubArrangeFunction(index)
{
var objs=document.getElementsByTagName("hr")
var flag=false;//设置一个变量用来判断是否有交换
var temp;
for(var i=0;i<50-index-1;i++)
{
if(parseInt(objs[i].style.width)>parseInt(objs[parseInt(i)+parseInt(1)].style.width))//判断大小,交换数据
{
temp=objs[i].style.width;objs[i].style.width=objs[parseInt(i)+parseInt(1)].style.width;objs[parseInt(i)+parseInt(1)].style.width=temp;
flag=true;
}
}
if(flag&&index<49)
{
index++;
setTimeout("HBBubArrangeFunction("+index+")",2000)
}
else
{
alert("结束")
}
}
</script>
- javascript实现基本数据结构(一)冒泡排序
- java实现基本排序(一)冒泡排序
- Javascript数据结构算法之排序一(冒泡排序,插入排序,选择排序)
- 数据结构--排序算法(一)冒泡排序
- 【javascript 数据结构与算法】javascript实现冒泡排序
- 基本排序(一):冒泡排序算法的三种基本实现
- javascript实现数据结构中的基本排序方法
- java数据结构 冒泡排序(一)
- Javascript实现冒泡排序
- javascript实现冒泡排序
- JavaScript实现冒泡排序
- 数据结构之冒泡排序(一)
- 基本排序方法归纳整理(一):冒泡排序
- 排序算法(一):冒泡算法的两种基本实现及改进
- 数据结构之排序(一)冒泡排序
- 数据结构<一> 排序算法之冒泡排序
- 数据结构与算法javascript描述(四) 冒泡排序
- 数据结构(排序)--冒泡排序
- Tg3 Gbit NIC Driver Analysis
- 最近写DirectShow filter的一点经验
- DirectX5.0最新游戏编程指南 DirectDraw教程篇五
- 可乐鸡翅
- 2006-08-21
- javascript实现基本数据结构(一)冒泡排序
- learCase的check out递归实现
- 基于Web标准的UI组件 — 菜单(1)
- 踏上JAVA之路
- 自己动手写操作系统
- ASP.NET编程中static变量作用域
- tss中文:开源面向对象的数据库db4o 5.5版发布了
- 在VC++中读写INI文件
- 北京.NET俱乐部第十一次沙龙-Office2007新特性体验