3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

相席居酒屋風時計を作ってみた

Posted at

#はじめに
大阪を歩いていると、相席居酒屋の看板が目に入る時ありますよね。
お店によっては、現時点での男性客と女性客の人数が表示されてるのですが、
ほとんど女性客のほうが多いイメージがあって、これ実は時計なんじゃね...?って思ったんで
最近javascriptの勉強を始めだしたこともあり、勉強がてら作成してみました。

#作成物
image.png

#javascript
やってることは、1秒毎に現在の時間、分を特定のIDを持つ場所に出力しているだけです。

const hoursClock = () => {
  const now = new Date();
  const hours = now.getHours();
  document.getElementById("hours").innerHTML = hours
}

const minutesClock = () => {
  const now = new Date();
  const minutes = now.getMinutes();
  document.getElementById("minutes").innerHTML = minutes
}

hoursClock();
minutesClock();

setInterval(hoursClock, 1000);
setInterval(minutesClock, 1000);

#終わりに
すごく簡単なものではありますが、寝る前に思いついたものを1時間程度で形にできたので、楽しかったです。
更に勉強を重ねて、いつかは社会の役に立ちそうなものを作りたい。。。

3
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?