Javascript实时柱状图实现代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:40:27

Javascript实时柱状图实现代码_javascript技巧

Javascript实时柱状图实现代码_javascript技巧: 实时柱状图 span{ background-color:lime;font-size:1px;} var arr = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,

推荐度：

点击下载本文 文档为doc格式

导读Javascript实时柱状图实现代码_javascript技巧: 实时柱状图 span{ background-color:lime;font-size:1px;} var arr = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>实时柱状图</title> 
<style type="text/css"> 
span{ background-color:lime;font-size:1px;} 
</style>

var arr = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);

function showimage() 
{ 
var newdata = Math.ceil(Math.random()*200); //得到1-200之间的整数 
arr = arr.slice(1); 
arr[99] = newdata; 
var str = ""; 
for(var i=0;i"; 
} 
show.innerHTML = str ; 
span1.innerText = newdata; 
if(newdata>180)newdata=180 
span2.style.height = newdata; 
window.setTimeout("showimage()",300); 
} 
//脚本之家 www.gxlcms.com 
</ script> 
</head>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Javascript实时柱状图实现代码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：柱状图实现 js

热门焦点

Javascript实时柱状图实现代码_javascript技巧

Javascript实时柱状图实现代码_javascript技巧

Javascript实时柱状图实现代码_javascript技巧

最新推荐

猜你喜欢

热门推荐