css代码：/*设置所有元素间的空隙为0*/* { margin: 0; padding: 0;}body { /*background-color: #444444;*/ /*background-image: url("/");*/ background-image: url("../css/image/");}.time {.time { background-color: #FFE14A; position: absolute; margin: auto; left: 0; right: 0; height: 100px; width: 100px; border-radius: 50px;}.myTime { background-color: #FFFACD; color: #3B3B3B; /*绝对定位，元素可以放置到页⾯上的任何位置*/ position: absolute; margin: auto; left: 0; top: 10px; right: 0; /*bottom:0;*/ width: 80px; height: 80px; border-radius: 40px; border: 8px solid #3B3B3B; text-align: center;}.logStyle { background-color: black; background-attachment: local; color: limegreen; float: left; font-size: 12px; width: 55%; height: 550px; overflow: scroll;}.jmeterLogStyle { background-color: black; background-attachment: local; color: limegreen; float: right; font-size: 12px; width: 44.5%; height: 550px; overflow: scroll;}.titleText { background-color: black; color: palevioletred; height: 20px;}.ant-btn { line-height: 1.499; position: relative; display: inline-block; font-weight: 400; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 26px; padding: 0 15px; font-size: 14px; border-radius: 4px; color: rgba(0, 0, 0, 0.65); background-color: #fff; border: 1px solid #d9d9d9;}.ant-btn-green { color: #3B3B3B; background-color: #FFE14A; border-color: #FFE14A; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);}.checkboxStyle { color: white;}js代码：let get1;let n = 0;let timer = null; = function () { getResult(); getLog(); //每3秒⾃动执⾏⼀次 get1 = setInterval("judgeToResult('viewTestResult')", 3000);};//计时器function startTime(str) { switch (str) { case "start": //开始计时 clearInterval(timer); // setInterval() ⽅法可按照指定的周期（以毫秒计）来调⽤函数或计算表达式。 timer = setInterval(function () { n++; let m = (n / 3600); let s = (n / 60 % 60); let M = (n % 60); let msg = toDub(m) + ":" + toDub(s) + ":" + toDub(M); $("#myTime").val(msg) }, 1000 / 60); }, 1000 / 60); break; case "stop": //暂停并且清空计时器 clearInterval(timer); break; case "reTime": //重置 $("#myTime").val("00:00:00"); n = 0; break; default: }}//补零function toDub(n) { return n < 10 ? "0" + n : "" + n;}//停⽌jenkins buildfunction stopJenkinsBuild() { let r = confirm("确定要停⽌测试？"); if (r) { $.ajax({ type: "post",//请求⽅式 url: "./StartTest",//发送请求地址 data: { type: "stopBuild" }, success: function (data) { (data); }, error: function () { alert("停⽌测试异常") } }); } else { ("继续测试"); }}//查看报告是否⽣成function judgeToResult(str) { switch (str) { case 'gotoReport': $.ajax({ type: "post",//请求⽅式 url: "./LogCat",//发送请求地址 data: { type: "resultExist" }, success: function (data) { if (data === "报告存在") { = "10.10.10.115:8080/re/performanceTest/result/"; } else { alert("测试完成后才会⽣成报告"); } }, error: function () { ("查看报告是否⽣成异常") } }); break; case 'viewTestResult': $.ajax({ $.ajax({ type: "post",//请求⽅式 url: "./StartTest",//发送请求地址 data: { type: "BuildResult" }, success: function (data) { $("#viewTestStatus").html(data); if (data === '测试结束，请查看报告。。。') { startTime("stop");//暂停计时 (data); } else { startTime("start");//开始计时 getResult(); getLog(); // 20秒后只执⾏⼀次 setTimeout('getResult()', 10000); setTimeout('getLog()', 10000); } }, error: function () { ("查看测试状态异常") } }); break; default: }}//封装⼀个判断字符串为空的⽅法function isNullStr(str) { return str === null || str === undefined || str === '';}//请求jenkinsLog，并填充到元素function getResult() { $.ajax({ type: "post",//请求⽅式 url: "./StartTest",//发送请求地址 data: { type: "logCat" }, success: function (data) { $("#resText").html(data); }, error: function () { ("请求jenkinsLog异常") } }); //设置滚动条到最底部 let objDiv = mentById("resText"); Top = Height;}//请求jmeterLog，并填充到元素中function getLog() { $.ajax({ type: "post",//请求⽅式 url: "./LogCat",//发送请求地址 data: { type: "jmeterLog" }, success: function (data) { success: function (data) { $("#jmeterLog").html(data); }, error: function () { ("请求jmeterLog异常") } }); //设置滚动条到最底部 let objDiv = mentById("jmeterLog"); Top = Height;}//请求所有测试脚本名称function getAllJmx() { $.ajax({ type: "post",//请求⽅式 url: "./LogCat",//发送请求地址 data: { type: "getAllJmx" }, success: function (data) { $("#viewAllJmx").html(data); }, error: function () { alert("请求所有测试脚本名称异常") } });}//提⽰⽂件是否上传成功function uploadResult(result) { if (result === "success") { $("#uploadResule").html("⽂件上传成功"); } else if (result === "fail") { $("#uploadResule").html("请上传jxm格式的脚本⽂件"); } else { $("#uploadResule").html("⽂件上传异常"); }}//获取选择的服务器值，发送给后端function startTest() { let jmxName = mentById("inputJmxName").value;//获取输⼊的jmx脚本名 let obj = mentsByName("selevtServer"); //选择所有name=selevtServer的对象，返回数组 //循环检测它是不是被选中 let str = ""; for (let i = 0; i < ; i++) { if (obj[i].checked) str += obj[i].value + ","; //如果选中，将value添加到变量str中 } let testInfo = "确认测试信息nn脚本：" + jmxName + "n服务器：" + str; // alert(isNullStr(str) ? "没有选择压测服务器" : testInfo && isNullStr(jmxName) ? "没有输⼊脚本名" : testInfo && f("jmx") === -1 ? "脚本名输⼊错误 let r = confirm(isNullStr(str) ? "没有选择压测服务器" : testInfo && isNullStr(jmxName) ? "没有输⼊脚本名" : testInfo && f("jmx") === -1 ? "脚本名 if (r) { if (isNullStr(str) || isNullStr(jmxName) || f("jmx") === -1) { ('没有选择压测服务器or脚本名错误'); } else { $.ajax({ type: "post", url: "./StartTest", data: { type: 'build', ip: str, jmxName: jmxName jmxName: jmxName }, success: function (data) { if (data === '') { ('开始测试'); startTime("reTime");//重置计时器 } else { alert(data); } }, error: function () { alert("执⾏测试异常") } }); } } else { ("取消测试"); }}//⽤jQuery设置全选、取消全选 功能$("document").ready(function () { $("#selectAll").click(function () { $("[name='selevtServer']").attr("checked", 'true');//全选 }); $("#selectAllClear").click(function () { $("[name='selevtServer']").removeAttr("checked");//取消全选 });});后端接⼝的代码⽐较多就不贴了。