欢迎光临
我们一直在努力

go语言学习例子No.27–页面实时获取系统信息4

给CPU加个进度条

html部分

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <title>Go语言与ajax示例</title>

    <!-- Bootstrap core CSS -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
  <div class="container themed-container">
      <header class="d-flex justify-content-center py-3">
        <p class="h2">系统信息</p>
      </header>
      <p class="mt-4 " >Cpu: <div class="progress mb-3">
         <div class="progress-bar bg-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="cpu">0%</div>
        </div></p>
      <p class="mt-4" id="disk">Disk: </p>
      <p class="mt-4" id="mem">Memory: </p>
      <p class="mt-4" id="net">网络: </p>
      <p class="mt-4" id="speed"></p>
    </article>
  </div>

    <script src="assets/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/dist/js/jquery-3.6.0.min.js"></script>
    <script src="assets/dist/js/loli.js"></script>
  </body>
</html>

js部分

$(function (){
    setInterval(myajax, 2000);
    function myajax(){
        $.get('/ajax',function(data,status){
            if (status == 'success') {
                cpuclass = data.Cpuused+"%"
                $('#cpu').css("width",cpuclass)
                $('#cpu').text(data.Cpuused+"%")
                $('#disk').text("Disk: "+data.Diskused+"% used "+data.Diskfree+"G/"+ data.Disktotal+"G")
                $('#mem').text("Memory: "+data.Memused+"% used "+data.Memavailable+"G/"+ data.Memtotal+"G")
                $('#net').text("总下载: "+data.Netsend+"G | 总上传: "+data.Netrecv+"G")
                $('#speed').text("下载: "+data.Netdown+" | 上传: "+data.Netup)
            }
        });
    };
});
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:家里蹲的狐狸 » go语言学习例子No.27–页面实时获取系统信息4

分享到: 生成海报
avatar

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活