js-时间运算与格式

注意事项:
1.时间没有格式函数;
2.将时间都转换为毫秒来计算;
3.1秒=1000毫秒。
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>时间运算-加减</title>
  6. <script type="text/javascript">
  7. window.onload = function () {
  8. var dateStr = document.getElementById("myDate").value;
  9. var MinuteStr = eval(document.getElementById("mySeconds")).value;
  10. var resultStr = dateAddMinute(dateStr,MinuteStr);
  11. //alert("结果:"+resultStr)
  12. }
  13. //日期加分钟
  14. function dateAddMinute(pDate,pMinute) {
  15. var date = new Date(pDate);
  16. var resultDate = new Date();
  17. var resultStr ; //返回值
  18. date = date.getTime() + pMinute*60*1000;
  19. resultDate.setTime(date);
  20. var year = resultDate.getFullYear();
  21. var month = resultDate.getDay() + 1;
  22. var day = resultDate.getDay();
  23. var hours = resultDate.getHours();
  24. var minutes = resultDate.getMinutes();
  25. var seconds = resultDate.getSeconds();
  26. month = month<9?"0"+month:month;
  27. day = day<9?"0"+day:day;
  28. hours = hours<9?"0"+hours:hours;
  29. minutes = minutes<9?"0"+minutes:minutes;
  30. seconds = seconds<9?"0"+seconds:seconds;
  31. resultStr = year + "-" + month + "-" + day +
  32. " " + hours + ":" + minutes + ":" + seconds;
  33. return resultStr;
  34. }
  35. function btnOnClick() {
  36. var dateStr = document.getElementById("myDate").value;
  37. var MinuteStr = eval(document.getElementById("mySeconds")).value;
  38. var resultStr = dateAddMinute(dateStr,MinuteStr);
  39. alert("结果:"+resultStr)
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <h1>时间运算-加减</h1>
  45. 日期:<input id="myDate" type="text" name="myDate" value="2016-06-20 17:01:02">
  46. 分钟:<input id="mySeconds" type="text" name="mySeconds" value="2">
  47. <button onclick="btnOnClick()">相加</button>
  48. 结果:<input id="resultStr" type="text" name="resultStr" >
  49. </body>
  50. </html>





posted @ 2016-06-28 10:59  SeatonYexd  阅读(1129)  评论(0编辑  收藏  举报