50,545
社区成员
发帖
与我相关
我的任务
分享label标签该如何调用js方法
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="js/DateTimeCalendar.js"></script>
<script type="text/javascript">
window.onload= getLastTime(){
beginDate=document.getElementById("BEGIN_TIME").value;
var dt1 = new Date(Date.parse(beginDate.replace(/-/g, '/')));
endDate= document.getElementById("END_TIME").value;
var dt2 = new Date(Date.parse(endDate.replace(/-/g, '/')));
var lastDate=dt2.getTime()-dt1.getTime() ; //时间差的毫秒数
//计算出相差天数
var days = Math.floor(lastDate/(24*3600*1000));
//计算出小时数
var level=Math.floor(lastDate%(24*3600*1000));//计算天数后剩余的毫秒数
var hours=Math.floor(level/(3600*1000));
//计算相差分钟数
var level1=level%(3600*1000) ; //计算小时数后剩余的毫秒数
var minutes=Math.floor(level1/(60*1000));
//计算相差秒数
var level2=level%(60*1000); //计算分钟数后剩余的毫秒数
var seconds=Math.floor(level2/(1000));
if(beginDate!=" "&&endDate!=" "){
var res = document.getElementById("time");
res.innerHTML = days +"天"+ hours +"小时" + minutes+"分" + seconds+"秒";
setTimeOut(getLastTime,1000)
}else{
res.innerHTML = " ";
}
window.onload=getLastTime;
}
</script>
</head>
<body>
<div id="page"><!-- style="height: 500px; width: 750px; overflow: auto;" -->
<div id="header"></div>
<div class="content">
<p style="margin: -50px -70px;">
<button id="backa" onclick="javascript:history.back();">返回</button>
</p>
<!-- <p style="margin:-50px -70px;"><button id="a" onclick="test();">测试</button></p> -->
<p> </p>
<div id="load" align="center" style="display: none;">
<h1 style="color: red;">请稍等 加载中...</h1>
</div>
<span id="ipDisplay" style="color: red; font-size: 16"> </span>
<form name="form1" id="form1" onsubmit="return cheakDosubmit()"
method="post">
<table name="" class="MsoNormalTable">
<tr>
<td><span style="color: red;">* </span>计划开始时间 </td>
<td><input type="text" id="BEGIN_TIME" name="beginDate"
onfocus="calendar() "/></td>
<td><span style="color: red;">* </span>计划结束时间 </td>
<td><input type="text" id="END_TIME" name="endDate"
onfocus="calendar()" /></td>
</tr>
<tr>
<td >运维时长</label></td>
<td><label id="time" ></label></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="js/DateTimeCalendar.js"></script>
<script type="text/javascript">
window.onload= getLastTime(){
beginDate=document.getElementById("BEGIN_TIME").value;
var dt1 = new Date(Date.parse(beginDate.replace(/-/g, '/')));
endDate= document.getElementById("END_TIME").value;
var dt2 = new Date(Date.parse(endDate.replace(/-/g, '/')));
var lastDate=dt2.getTime()-dt1.getTime() ; //时间差的毫秒数
//计算出相差天数
var days = Math.floor(lastDate/(24*3600*1000));
//计算出小时数
var level=Math.floor(lastDate%(24*3600*1000));//计算天数后剩余的毫秒数
var hours=Math.floor(level/(3600*1000));
//计算相差分钟数
var level1=level%(3600*1000) ; //计算小时数后剩余的毫秒数
var minutes=Math.floor(level1/(60*1000));
//计算相差秒数
var level2=level%(60*1000); //计算分钟数后剩余的毫秒数
var seconds=Math.floor(level2/(1000));
if(beginDate!=" "&&endDate!=" "){
var res = document.getElementById("time");
res.innerHTML = days +"天"+ hours +"小时" + minutes+"分" + seconds+"秒";
setTimeOut(getLastTime,1000)
}else{
res.innerHTML = " ";
}
window.onload=getLastTime;
}
</script>
</head>
<body>
<div id="page"><!-- style="height: 500px; width: 750px; overflow: auto;" -->
<div id="header"></div>
<div class="content">
<p style="margin: -50px -70px;">
<button id="backa" onclick="javascript:history.back();">返回</button>
</p>
<!-- <p style="margin:-50px -70px;"><button id="a" onclick="test();">测试</button></p> -->
<p> </p>
<div id="load" align="center" style="display: none;">
<h1 style="color: red;">请稍等 加载中...</h1>
</div>
<span id="ipDisplay" style="color: red; font-size: 16"> </span>
<form name="form1" id="form1" onsubmit="return cheakDosubmit()"
method="post">
<table name="" class="MsoNormalTable">
<tr>
<td><span style="color: red;">* </span>计划开始时间 </td>
<td><input type="text" id="BEGIN_TIME" name="beginDate"
onfocus="calendar() "/></td>
<td><span style="color: red;">* </span>计划结束时间 </td>
<td><input type="text" id="END_TIME" name="endDate"
onfocus="calendar()" /></td>
</tr>
<tr>
<td >运维时长</label></td>
<td><label id="time" ></label></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
AlexMoonshadow 2015-11-26
- 打赏
- 举报
jquery
