jQuery 将时间戳转换为时间

旧城等待, 2022-09-06 04:51 340阅读 0赞
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>时间戳转换为时间</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. </head>
  8. <body>
  9. <div id="rightalarm">
  10. </div>
  11. </body>
  12. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  13. <script type="text/javascript">
  14. $(function() {
  15. $.ajax({
  16. url: "data.json", //json文件位置
  17. type: "GET", //请求方式为get
  18. dataType: "json", //返回数据格式为json
  19. success: function(data) { //请求成功完成后要执行的方法
  20. $.each(data, function(i, item) {
  21. var html = "";
  22. var date = new Date(item.visitTime);
  23. //date.setTime(inTime);
  24. var month = date.getMonth() + 1;
  25. var days = date.getDate();
  26. var hours = date.getHours();
  27. var minutes = date.getMinutes();
  28. var second = date.getSeconds();
  29. if (month < 10) {
  30. month = '0' + month;
  31. }
  32. if (days < 10) {
  33. days = '0' + days;
  34. }
  35. if (hours < 10)
  36. hours = "0" + hours;
  37. if (minutes < 10)
  38. minutes = "0" + minutes;
  39. if (second < 10)
  40. second = "0" + second;
  41. var time = date.getFullYear() + "-" + month + "-" + days +" " + hours + ":" + minutes +":"+second;
  42. html += ' <div >' +time + ' </div>';
  43. $("#rightalarm").append(html);
  44. })
  45. }
  46. })
  47. })
  48. </script>
  49. </html>

json

  1. [
  2. {
  3. "visitTime": 1628844371414
  4. }, {
  5. "visitTime": 1572512489920
  6. }, {
  7. "visitTime": 1572512489920
  8. }, {
  9. "visitTime": 1572512489920
  10. }, {
  11. "visitTime": 1572512489920
  12. }, {
  13. "visitTime": 1572513935374
  14. }
  15. ]

dc3305d20d7b7c25c4a61734e1ab5e99.png

发表评论

表情:
评论列表 (有 0 条评论,340人围观)

还没有评论,来说两句吧...

相关阅读