1. 마지막 게시물

2. 개요

html 파일만으로 실시간으로 시간과 조디악을 표시시키는 프로그래밍을 작성.
이 시간 표시는 정상이 아닙니다.

작성 이유

젓가락 휴가에 rails 튜토리얼 이외에서 해 본 것을 게시
html 단독으로 시간과 간지를 표시시켜 보았습니다.
계기는 성기마 II를 좋아하는 아는 유튜브 라이브를 보았을 때,
시각을 html 파일을 사용해 라이브 화면에 시각을 표시시키고 싶다
라는 한마디로 만들어 보았습니다.
성기마 II는 마력 표시로 계산되기 때문에
단지의 시각 표시가 아니고, 아는 사람의 취향에 맞춘 시각 표시로 해 보았습니다.

3. 내용

만든 것

악마 간지는 13 종류입니다.
그 때문에, var eto = now.getFullYear()%13 이쪽을 13으로 나머지를 계산.
보통의 간지로 하고 싶은 경우는 배열 내용과 getFullYear의 나누는 숫자를 변경하면 표시할 수 있습니다.
깨지는 경우는 meta charset="UTF-8"의 UTF-8
Shift_JIS, EUC-JP 등으로 변경하십시오.

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <font size="100%"><b>
<span id="view_clock"></span>

<script type="text/javascript">
timerID = setInterval('clock()',500); //0.5秒毎にclock()を実行

function clock() {
    document.getElementById("view_clock").innerHTML = getNow();
}

function getNow() {
    var now = new Date();
    var year = now.getFullYear();
    var mon = now.getMonth()+1; //１を足すこと
    var day = now.getDate();
    var hour = ("0" + (now.getHours())) .slice(-2);
    var min = ("0" + (now.getMinutes())) .slice(-2);
    var sec = ("0" + (now.getSeconds())) .slice(-2);
    var you = now.getDay(); //曜日(0～6=日～土)
    var eto = now.getFullYear()%13

    //曜日の選択肢
    var youbi = new Array("日","月","火","水","木","金","土");

    //干支の選択肢
    var etomareki = new Array("妖精","河童","つちのこ","三ツ首竜","鵺","一角獣","モグラザメ","化猫","蝦蟇","火の鳥","怪奇植物","人魚","夜叉");

    //出力用
    var s = "D.C."+(year-1998)+ "(" + year + ")" + "年" + mon + "月" + day +  "日 (" + youbi[you] + ")" + hour + "時" + min + "分" + sec + "秒" + "<br>" + "悪魔干支 "+etomareki[eto];
    return s;
}
</script>
    </b></font>
</body>
</html>

4. 결론

아래의 참고 URL을 보고 작성해 보았습니다.
검색력이 전보다 향상된 것이 아닐까 생각한다.

참고 URL

Reference

이 문제에 관하여(실시간 시간과 간지 표시 (마력 · 악마 간지)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ak-matsu/items/e870b7d66e5c02321bd4

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다

실시간 시간과 간지 표시 (마력 · 악마 간지)