BDTime.js 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. //jquery军用标准时间插件。
  2. (function ($) {
  3. //默认参数
  4. var defaluts = {
  5. url: "",
  6. backImg: '../img/time.png',
  7. width: 191,
  8. height: 59
  9. };
  10. var jybzsj = new Date().getTime(), tn = 0, vtimeInterval = null, timeInterval = null;
  11. $.fn.extend({
  12. bdtimeInit: function (options) {
  13. var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数
  14. var html = "<div class=\"dbtimeContainer\">\n" +
  15. " <div class=\"standardTime\">\n" +
  16. " <p class=\"title\">军用标准时间<span class=\"date\"></span></p>\n" +
  17. " <p class=\"time\"></p>\n" +
  18. " </div>\n" +
  19. "</div>";
  20. $(this).html(html);
  21. $(".dbtimeContainer").css({
  22. background: "url(" + opts.backImg + ") no-repeat",
  23. width: opts.width,
  24. height: opts.height
  25. });
  26. initClock(opts.url);
  27. if (vtimeInterval) {
  28. clearInterval(vtimeInterval);
  29. }
  30. vtimeInterval = setInterval(function () {
  31. initClock(opts.url);
  32. }, 60000)//一分钟校验一次
  33. }
  34. });
  35. /**
  36. * 设置作战时间
  37. */
  38. function setClock() {
  39. if (timeInterval) {
  40. clearInterval(timeInterval)
  41. }
  42. timeInterval = setInterval(function () {
  43. newdata = new Date(jybzsj);
  44. newdata.setSeconds(newdata.getSeconds() + 1);
  45. jybzsj = newdata.getTime();
  46. year = newdata.getFullYear();
  47. month = (newdata.getMonth() + 1) < 10 ? '0' + (newdata.getMonth() + 1) : (newdata.getMonth() + 1);
  48. day = newdata.getDate() < 10 ? '0' + newdata.getDate() : newdata.getDate();
  49. var hour = newdata.getHours() < 10 ? '0' + newdata.getHours() : newdata.getHours();
  50. var mintes = newdata.getMinutes() < 10 ? '0' + newdata.getMinutes() : newdata.getMinutes();
  51. var second = newdata.getSeconds() < 10 ? '0' + newdata.getSeconds() : newdata.getSeconds();
  52. var hourF = hour.toString().substr(0, 1);
  53. var hourS = hour.toString().substr(1, 2);
  54. var mintesF = mintes.toString().substr(0, 1);
  55. var mintesS = mintes.toString().substr(1, 2);
  56. var secondF = second.toString().substr(0, 1);
  57. var secondS = second.toString().substr(1, 2);
  58. $(".standardTime .title .date").html(year + "-" + month + "-" + day);
  59. $(".standardTime .time").html("<span class='n" + hourF + "'></span><span class='n" + hourS + "'></span><span class='mao'></span><span class='n" + mintesF + "'></span><span class='n" + mintesS + "'></span><span class='mao'></span><span class='n" + secondF + "'></span><span class='n" + secondS + "'></span>");
  60. }, 1000);
  61. }
  62. /**
  63. * 初始化作战时间
  64. */
  65. function initClock(url) {
  66. $.ajax({
  67. url: url,
  68. type: 'GET',
  69. timeout: 2000,
  70. dataType: 'json',
  71. success: function (data) {
  72. jybzsj = parseInt(data.data) * 1000;
  73. setClock()
  74. },
  75. error: function () {
  76. jybzsj = new Date().getTime();
  77. setClock();
  78. }
  79. })
  80. }
  81. })(jQuery);