<!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" /> <script> $(function () { //initTable1(); //initTable2(); //GetTime(); setInterval("GetTime()", 1000); setInterval("initTable1()", 60000); setInterval("initTable2()", 5000); }); function initTable1() { $.ajax({ type: "GET", url: "../Handler/Handler.ashx?method=GetTable1", dataType: "text", success: function (result1) { $("#table1").html(result1); } }); //setTimeout("initTable1()", 20000); } function initTable2() { $.ajax({ type: "GET", url: "../Handler/Handler.ashx?method=GetTableSum", dataType: "text", success: function (resultSum) { $("#tablesum").html(resultSum); } }) //setTimeout("initTable2()", 2000); } 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> <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> <td> <table><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> <td> <marquee scrollamount=4 height=700 direction=up> <div id="table1"></div> </marquee> </td> </tr> <tr> <td> <div id="tablesum"></div> </td> </tr> </table> </body> </html>