在欢迎页面的footer处增加实时温度显示，每三秒更新一次。 具体操作最好是在FileZilla中进行。首先打开/var/www/html/home.php 将以下内容 <div id="footer"> <div class="footer-contents"> <div class="links"> <div class="line"> <a href="https://bbs.histb.com" target="_blank">海纳思交流论坛</a> <span class="footer-link-separator"></span> <span class="copyright">Copyright © <?php echo date('Y',time()); ?> </span></div> </div> </div> </div> 替换为 <div id="footer"> <div class="footer-contents"> <div class="links"> <div class="line"> <!-- 新增温度显示元素 --> <span class="temperature" id="temperatureDisplay">正在获取温度...</span> <!-- 保持原有的链接和版权信息 --> <span class="footer-link-separator"></span> <a href="https://bbs.histb.com" target="_blank">海纳思交流论坛</a> <span class="copyright">Copyright © <?php echo date('Y', time()); ?></span> </div> </div> </div> <script> // 页面加载完成后立即调用一次，其后每三秒更新 setInterval(updateTemperature, 3000); updateTemperature(); function updateTemperature() { fetch('updateTemperature.php') // 替换为您的PHP脚本路径 .then(response => response.json()) .then(data => { document.getElementById('temperatureDisplay').textContent = '设备温度：' + data.temperature + '°C'; }) .catch(error => { console.error('Error fetching temperature:', error); document.getElementById('temperatureDisplay').textContent = '获取温度失败'; }); } </script> </div>
<div id="footer"> <div class="footer-contents"> <div class="links"> <div class="line"> <a href="https://bbs.histb.com" target="_blank">海纳思交流论坛</a> <span class="footer-link-separator"></span> <span class="copyright">Copyright © <?php echo date('Y',time()); ?> </span></div> </div> </div> </div>
<div id="footer"> <div class="footer-contents"> <div class="links"> <div class="line"> <!-- 新增温度显示元素 --> <span class="temperature" id="temperatureDisplay">正在获取温度...</span> <!-- 保持原有的链接和版权信息 --> <span class="footer-link-separator"></span> <a href="https://bbs.histb.com" target="_blank">海纳思交流论坛</a> <span class="copyright">Copyright © <?php echo date('Y', time()); ?></span> </div> </div> </div> <script> // 页面加载完成后立即调用一次，其后每三秒更新 setInterval(updateTemperature, 3000); updateTemperature(); function updateTemperature() { fetch('updateTemperature.php') // 替换为您的PHP脚本路径 .then(response => response.json()) .then(data => { document.getElementById('temperatureDisplay').textContent = '设备温度：' + data.temperature + '°C'; }) .catch(error => { console.error('Error fetching temperature:', error); document.getElementById('temperatureDisplay').textContent = '获取温度失败'; }); } </script> </div>
然后向/var/www/html路径中添加一个名为updateTemperature.php的文件，其内容是 <?php // 执行系统命令来获取 CPU 温度 $temp = shell_exec('grep Tsensor /proc/msp/pm_cpu | awk \'{print $4}\''); // 清除字符串中的非数字字符 $temp = preg_replace('/[^0-9.]/', '', $temp); // 确保温度数据是数字 if(is_numeric($temp)) { // 输出 JSON 格式的温度数据 echo json_encode(['temperature' => $temp]); } else { // 如果获取不到温度，返回错误信息 http_response_code(500); echo json_encode(['error' => '无法获取温度数据']); } ?> 这样就大功告成了。
<?php // 执行系统命令来获取 CPU 温度 $temp = shell_exec('grep Tsensor /proc/msp/pm_cpu | awk \'{print $4}\''); // 清除字符串中的非数字字符 $temp = preg_replace('/[^0-9.]/', '', $temp); // 确保温度数据是数字 if(is_numeric($temp)) { // 输出 JSON 格式的温度数据 echo json_encode(['temperature' => $temp]); } else { // 如果获取不到温度，返回错误信息 http_response_code(500); echo json_encode(['error' => '无法获取温度数据']); } ?>
谢谢，测试有效，旧系统修改index。html
