ruoxing.wang
2 months ago
8 changed files with 1905 additions and 357 deletions
File diff suppressed because it is too large
@ -0,0 +1,17 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using System.Linq; |
|||
using System.Web; |
|||
|
|||
/// <summary>
|
|||
/// JsonModel 的摘要说明
|
|||
/// </summary>
|
|||
public class JsonModel |
|||
{ |
|||
public JsonModel() |
|||
{ |
|||
//
|
|||
// TODO: 在此处添加构造函数逻辑
|
|||
//
|
|||
} |
|||
} |
@ -0,0 +1,89 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>注塑车间塑料粒子加料目视看板</title> |
|||
<script src="jquery-1.8.0.min.js"></script> |
|||
<link href="StyleSheet.css" rel="stylesheet" /> |
|||
<script> |
|||
$(function () { |
|||
setInterval("GetTime()", 1000); |
|||
setInterval("initTable()", 3000); |
|||
//initTable(); |
|||
setTimeout(jumurl, 15000); |
|||
}); |
|||
|
|||
function jumurl() { |
|||
window.location.href = '/Default2.html'; |
|||
} |
|||
|
|||
function initTable() { |
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTable3", |
|||
dataType: "text", |
|||
success: function (result1) { |
|||
$("#table1").html(result1); |
|||
} |
|||
}) |
|||
|
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTable4", |
|||
dataType: "text", |
|||
success: function (result2) { |
|||
$("#table2").html(result2); |
|||
} |
|||
}) |
|||
} |
|||
|
|||
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 style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table1"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table2"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</body> |
|||
</html> |
@ -0,0 +1,88 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>注塑车间塑料粒子加料目视看板</title> |
|||
<script src="jquery-1.8.0.min.js"></script> |
|||
<link href="StyleSheet.css" rel="stylesheet" /> |
|||
<script> |
|||
$(function () { |
|||
setInterval("GetTime()", 1000); |
|||
setInterval("initTable()", 3000); |
|||
setTimeout(jumurl, 15000); |
|||
}); |
|||
|
|||
function jumurl() { |
|||
window.location.href = '/Default.html'; |
|||
} |
|||
|
|||
function initTable() { |
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTable5", |
|||
dataType: "text", |
|||
success: function (result1) { |
|||
$("#table1").html(result1); |
|||
} |
|||
}) |
|||
|
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTable6", |
|||
dataType: "text", |
|||
success: function (result2) { |
|||
$("#table2").html(result2); |
|||
} |
|||
}) |
|||
} |
|||
|
|||
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 style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table1"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table2"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</body> |
|||
</html> |
@ -0,0 +1,73 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>注塑车间塑料粒子加料目视看板</title> |
|||
<script src="jquery-1.8.0.min.js"></script> |
|||
<link href="StyleSheet.css" rel="stylesheet" /> |
|||
<script> |
|||
$(function () { |
|||
initTableY(0); |
|||
}); |
|||
|
|||
function initTableY(j) { |
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTableY&pa=" + j, |
|||
dataType: "text", |
|||
success: function (result) { |
|||
$("#table1").html(result); |
|||
} |
|||
}) |
|||
} |
|||
|
|||
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 style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table1"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<!--<td> |
|||
<div id="table2"> |
|||
</div> |
|||
</td>--> |
|||
</tr> |
|||
</table> |
|||
</body> |
|||
</html> |
@ -0,0 +1,98 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>注塑车间塑料粒子加料目视看板</title> |
|||
<script src="jquery-1.8.0.min.js"></script> |
|||
<link href="StyleSheet.css" rel="stylesheet" /> |
|||
<script> |
|||
$(function () { |
|||
//setInterval("GetTime()", 1000); |
|||
initTable(); |
|||
//setInterval("initTable()", 15000); |
|||
|
|||
//initTableX(20); |
|||
}); |
|||
|
|||
function initTable() { |
|||
var i = new Array("0", "10", "20"); |
|||
|
|||
for (var j = 0; j < 3; j++) |
|||
{ |
|||
( |
|||
function (j) |
|||
{ |
|||
setTimeout( |
|||
function () |
|||
{ |
|||
initTableX(i[j]); |
|||
}, (j + 1) * 5000 ); |
|||
} |
|||
)(j) |
|||
} |
|||
|
|||
} |
|||
|
|||
function initTableX(j) { |
|||
$.ajax({ |
|||
type: "GET", |
|||
url: "/Handler.ashx?method=GetTableX&pa=" + j, |
|||
dataType: "text", |
|||
success: function (result) { |
|||
var str = result.split(';'); |
|||
$("#table1").html(str[0]); |
|||
$("#table2").html(str[1]); |
|||
} |
|||
}) |
|||
} |
|||
|
|||
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 style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table1"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<div id="table2"> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</body> |
|||
</html> |
Loading…
Reference in new issue