如何制作自定义时间和日期?

时间:2015-12-01 09:09:19

标签: date time clock

我查看了this代码,他们似乎只是每天用HTML更新他们的代码,但我知道有一种方法可以通过将星期一改为Morndas,周日为Sundas来制作自定义日期, 1月份作为Morning Star等。我将如何为我自己的网站编写此代码,因为这是在Elder Scrolls网站上提供的一个很酷的小功能,而且我并不总是每天晚上都能在午夜更新它。

由于

1 个答案:

答案 0 :(得分:0)

我认为最好使用服务器端脚本,如PHP。但是,我已经给出了一个可以轻松嵌入的Javascript实现。一旦了解了服务器端脚本,将此代码翻译成另一种语言应该是微不足道的。



error

window.addEventListener('DOMContentLoaded', function() {
  // Function to determine the postfix of the month number
  function numberPostFix(nr) {
    nr = nr % 100;
    if (nr >= 10 && nr < 20) return 'th';
    nr = nr % 10;
    if (nr == 1) return 'st';
    if (nr == 2) return 'nd';
    if (nr == 3) return 'rd';
    return 'th';
  }

  // Arrays of custom month names.
  var monthNames = [
    "Morning Star",
    "Sun's Dawn",
    "First Seed",
    "Rain's Hand",
    "Second Seed",
    "Mid Year",
    "Sun's Height",
    "Last Seed",
    "Hearthfire",
    "Frostfall",
    "Sun's Dusk",
    "Evening Star"
  ];
  // Array of custom weekday names.
  var dayNames = [
    "Sundas",
    "Morndas",
    "Tirdas",
    "Middas",
    "Turdas",
    "Fredas",
    "Loredas"
  ];

  // Get all relevant parts.
  var date = new Date();
  var month = date.getMonth();
  var monthday = date.getDate();
  var weekday = date.getDay();

  // Construct the day text.
  var dateHtml = "Today is " + dayNames[weekday] + ", " + monthday + "<sup>" + numberPostFix(monthday) + "</sup> of " + monthNames[month];

  // Write to document.
  document.getElementById('date').innerHTML = dateHtml;
});
&#13;
&#13;
&#13;