js 实时数据显示

js代码

<script type="text/javascript" src="jquery.js"></script>
<script>
$(function(){
    window.setInterval(function(){
        $.getJSON("json.php",{"code":"<?php echo $fundcode ?>","rand":Math.random()},function(data){
            document.getElementById('ceshi').innerHTML = data.name+data.price;
        });
    },1000);
});
</script>

<div id="ceshi"></div>

php代码

<?php

$price = rand(10,100);

echo "{
    \"name\": \"铜\",
    \"price\": \"".$price."\",
    \"diff\": \"++146\",
    \"diffRate\": \"++0.37%\",
    \"jk\": \"39487\",
    \"zk\": \"39445\",
    \"zg\": \"39977\",
    \"zd\": \"39127\",
    \"class\": \"39591\"
}";
?>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用Three.js实现实时点云数据显示,你可以遵循以下步骤: 1. 从传感器、激光雷达或其他设备获取点云数据。 2. 将数据格式转换为Three.js支持的格式,例如JSON或二进制格式。 3. 使用Three.js创建一个场景,并为场景添加一个相机和灯光。 4. 创建一个Three.js的点云对象,并将点云数据添加到该对象中。 5. 将点云对象添加到场景中。 6. 在每个场景渲染周期中更新点云对象的位置、颜色或其他属性,以反映新的数据。 下面是一个简单的示例代码,以帮助你开始: ```javascript // 获取点云数据 const pointCloudData = getPointCloudData(); // 转换成Three.js支持的格式 const pointCloudGeometry = new THREE.BufferGeometry(); pointCloudGeometry.addAttribute('position', new THREE.Float32BufferAttribute(pointCloudData.positions, 3)); // 创建场景、相机和灯光 const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.z = 5; const light = new THREE.PointLight(0xffffff, 1, 100); light.position.set(0, 0, 10); scene.add(light); // 创建点云对象并添加到场景中 const pointCloudMaterial = new THREE.PointsMaterial({color: 0xffffff, size: 0.1}); const pointCloud = new THREE.Points(pointCloudGeometry, pointCloudMaterial); scene.add(pointCloud); // 渲染场景 function render() { requestAnimationFrame(render); // 更新点云对象的属性 const newPointCloudData = getNewPointCloudData(); pointCloud.geometry.attributes.position.setArray(newPointCloudData.positions); pointCloud.geometry.attributes.position.needsUpdate = true; // 渲染场景 renderer.render(scene, camera); } ``` 该示例代码仅提供了基本的框架,你需要根据你的具体应用场景进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值