<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expires" content="0"> <title>喷涂下线合格率看板</title> <script src="../Scripts/jquery-1.8.0.min.js"></script> <link href="../CSS/StyleSheetCommon.css" rel="stylesheet" /> <link href="../CSS/StyleSheetSpecial1.css" rel="stylesheet" /> <link href="../CSS/InitCSS.css" rel="stylesheet" /> <script> $(function () { setInterval("initTable2()", 3000); //每三秒刷新总计数据 setInterval("initTable1()", 6000); //每六秒刷新中间数据 }); //页底总计 function initTable2() { $.ajax({ type: "GET", url: "../Handler/Handler.ashx?method=GetTableSum", dataType: "text", success: function (resultSum) { $("#tablesum").html(resultSum); } }) } //中间表格 function initTable1() { var page = $("#page").val(); $.ajax({ type: "GET", url: "../Handler/Handler.ashx?method=GetMiddleTableData", data:"page="+ page, dataType: "text", success: function (resultTableStr) { if (resultTableStr == "") { window.location.href = 'PaintingScreenPaoGuang.html'; $("#page").attr("value", 0); } else { var str = resultTableStr.split(','); $("#page").attr("value", str[1]); $("#tableMiddle").html(str[0]); } } }) } function GetTime() { var today = new Date(); $("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>'); } // 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 // (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } </script> </head> <body style="background-image: url('../Pic/centerBg.png')"> <div style="margin-left:10px;"> <table> <!--<tr> <td> <table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">喷涂下线合格率看板</td><td><div id="DivTimer"></div></td></tr></table> </td> </tr>--> <tr style="height:94px;"> <td> <table class="borderTable" style="height:94px; background-image:url('../Pic/title03.png')"><tr><td class='TableTitle'>颜色</td><td class='TableTitle'>型号</td><td class='TableTitle'>下线数</td><td class='TableTitle'>一次合格数</td><td class='TableTitle'>一次合格率</td><td class='TableTitle'>总合格数</td><td class='TableTitle'>总合格率</td></tr></table> </td> </tr> <tr style="height:760px;"> <td> <div id="tableMiddle"></div> </td> </tr> <tr style="height:92px"> <td> <div id="tablesum"></div> </td> </tr> </table> <input id="page" type="text" style="visibility:hidden" value="0" /> </div> </body> </html>