|
|
@@ -48,48 +48,50 @@
|
|
|
<script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
|
|
|
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
|
|
|
<script src="https://img.hcharts.cn/highcharts/themes/dark-unica.js"></script>
|
|
|
- <script>
|
|
|
- var timer = null;
|
|
|
-
|
|
|
- function displayClock(num) {//num是传入的startClock中的动态值
|
|
|
- if (num < 10) {
|
|
|
- return "0" + num;
|
|
|
- }
|
|
|
- else {
|
|
|
- return num;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- //停止计时
|
|
|
- function stopClock() {
|
|
|
- clearTimeout(timer);
|
|
|
+ <script language="JavaScript">
|
|
|
+ function startTime()
|
|
|
+ {
|
|
|
+ var today=new Date();//定义日期对象
|
|
|
+ var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
|
|
|
+ var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
|
|
|
+ var dd = today.getDate();//通过日期对象的getDate()方法返回年
|
|
|
+ var hh=today.getHours();//通过日期对象的getHours方法返回小时
|
|
|
+ var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
|
|
|
+ var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
|
|
|
+ // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
|
|
|
+ MM=checkTime(MM);
|
|
|
+ dd=checkTime(dd);
|
|
|
+ mm=checkTime(mm);
|
|
|
+ ss=checkTime(ss);
|
|
|
+ var day; //用于保存星期（getDay()方法得到星期编号）
|
|
|
+ if(today.getDay()==0) day = "星期日 "
|
|
|
+ if(today.getDay()==1) day = "星期一 "
|
|
|
+ if(today.getDay()==2) day = "星期二 "
|
|
|
+ if(today.getDay()==3) day = "星期三 "
|
|
|
+ if(today.getDay()==4) day = "星期四 "
|
|
|
+ if(today.getDay()==5) day = "星期五 "
|
|
|
+ if(today.getDay()==6) day = "星期六 "
|
|
|
+ document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
|
|
|
+ setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
|
|
|
}
|
|
|
|
|
|
- //开始计时
|
|
|
- function startClock() {
|
|
|
- var time = new Date();
|
|
|
- var hours = displayClock(time.getHours()) + ":";
|
|
|
- var minutes = displayClock(time.getMinutes()) + ":";
|
|
|
- var seconds = displayClock(time.getSeconds());
|
|
|
- //显示时间
|
|
|
- $("#clockt").innerHTML = hours + minutes + seconds;//在id为show的块区域显示
|
|
|
- timer = setTimeout("startClock()", 1000);//延时器
|
|
|
+ function checkTime(i)
|
|
|
+ {
|
|
|
+ if (i<10){
|
|
|
+ i="0" + i;
|
|
|
+ }
|
|
|
+ return i;
|
|
|
}
|
|
|
</script>
|
|
|
</head>
|
|
|
-<style>
|
|
|
- #show1 {
|
|
|
- font-size: 30px;
|
|
|
- color: black;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-</style>
|
|
|
-<body class="theme-black" style="background-color: #17253f !important;">
|
|
|
+
|
|
|
+<body class="theme-black" style="background-color: #17253f !important;" onload="startTime()">
|
|
|
<nav class="navbar">
|
|
|
<div class="container-fluid">
|
|
|
<div class="navbar-header">
|
|
|
<a class="navbar-brand" href="index.html">工厂产能监控系统</a>
|
|
|
</div>
|
|
|
+ <font color="#ffffff"><span id="nowDateTimeSpan"></span></font>
|
|
|
<div class="collapse navbar-collapse" id="navbar-collapse">
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
<!-- Call Search -->
|
|
|
@@ -331,7 +333,7 @@
|
|
|
</nav>-->
|
|
|
<section class="content" style="margin: 0 auto; margin-top: 100px;">
|
|
|
<div class="row"></div>
|
|
|
- <div class="container-fluid " style="margin-bottom: 1em">
|
|
|
+ <div class="container-fluid " style="margin-bottom: 1em;">
|
|
|
<div class="row text-center">
|
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
<div class="info-box bg-green hover-expand-effect" style="margin: 0;">
|
|
|
@@ -341,7 +343,7 @@
|
|
|
<div class="content">
|
|
|
<div class="row text-center" style="margin: 0 auto">
|
|
|
<div class="text" style="font-size: 1.5em;padding-top: 0.2em">合格数:</div>
|
|
|
- <div class="number" style="font-size: 3em">555</div>
|
|
|
+ <div class="number" style="font-size: 3em" id="test1"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -354,7 +356,7 @@
|
|
|
<div class="content">
|
|
|
<div class="row text-center" style="margin: 0 auto">
|
|
|
<div class="text" style="font-size: 1.5em;padding-top: 0.2em">不合格数:</div>
|
|
|
- <div class="number" style="font-size: 3em">5255</div>
|
|
|
+ <div class="number" style="font-size: 3em" id="test2"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -367,7 +369,7 @@
|
|
|
<div class="content">
|
|
|
<div class="row text-center" style="margin: 0 auto">
|
|
|
<div class="text" style="font-size: 1.5em;padding-top: 0.2em">合格率:</div>
|
|
|
- <div class="number" style="font-size: 3em">55%</div>
|
|
|
+ <div class="number" style="font-size: 3em" id="test3"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -380,7 +382,7 @@
|
|
|
<div class="content">
|
|
|
<div class="row text-center" style="margin: 0 auto">
|
|
|
<div class="text" style="font-size: 1.5em;padding-top: 0.2em">堆积数:</div>
|
|
|
- <div class="number" style="font-size: 3em">235</div>
|
|
|
+ <div class="number" style="font-size: 3em" id="test4"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
Guichuan Yu