本文介绍了一种使用JavaScript实现的实时更新柱状图的方法。通过动态生成HTML元素并利用定时器更新数据来达到实时展示的效果。代码示例中包含了完整的实现逻辑，包括数据生成、DOM操作以及定时刷新。
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,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
{
str += "";
}
show.innerHTML = str ;
span1.innerText = newdata;
if(newdata>180)newdata=180
span2.style.height = newdata;
window.xywTimeout("showimage()",300);
}
//phpStudy www.phpStudy.net
|
200
100
0
| 50 |
相关阅读:
Search Engine Friendly的URL设计
分享CSS样式作弊方法
SSH Login 登录太慢的问题
asp中COM组件中如何连接数据库的代码
标记语言——标题
JS中style属性
PHP Zip压缩 在线对文件进行压缩的函数
javascript对象与数组参考大全(7)
margin 负值引起的层级(z-index)问题
Oracle11g高级压缩特性
ASP如何获取真实IP地址
SQL存储过程的概念 优点及语法
asp组件编写准备工作
应用实例：Linux系统下挂载移动存储设备
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
