大晦日までカウントダウンしてまたカウントダウンするJSコード #永遠

2024.12.18

Logging

おはようございます.大晦日までカウントダウンしてまたカウントダウンするJSコードだけではツマラナイので全て漢字に変換して表示するコードを書きました.これでもツマラナイと思う人もいると思います.

そんなに難しいコードでもないのでコードを添付します💁.

        function updateCountdown() {
            const now = new Date();
            const nextNewYear = new Date(now.getFullYear() + 1, 0, 1, 0, 0, 0); // 次の年の1月1日0時0分0秒
            const diff = nextNewYear - now; // ミリ秒差

            if (diff > 0) {
                const days = Math.floor(diff / (1000 * 60 * 60 * 24));
                const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
                const seconds = Math.floor((diff % (1000 * 60)) / 1000);

                // 表示を更新
                document.getElementById("countdown").innerText =
                    kanji(`${days}日 ${hours}時間 ${minutes}分 ${seconds}秒`);
            } else {
                document.getElementById("countdown").innerText = "明けましておめでとうございます!";
            }
        }

        // 初回呼び出しと1秒ごとの更新
        updateCountdown();
        setInterval(updateCountdown, 1000);
        function kanji(str){
            let oo = [{'kanji':'零'},{'kanji':'壱'},{'kanji':'弐'},{'kanji':'参'},{'kanji':'肆'},{'kanji':'伍'},{'kanji':'陸'},{'kanji':'漆'},{'kanji':'捌'},{'kanji':'玖'}];
            oo.forEach((o,index)=>{
                str = str.replace(new RegExp(index, "g"),o.kanji);
            });
            return str;
        }

もっと芸のあるカウントダウンを作ろうとするとp5jsなどのライブラリが必要になると思います.WEBサイトでパーティカルなどを行っているサイトは大体こういうライブラリを使用しています.p5jsなどを使用して昔作ってみようかななどと思ったことが有りますが、実はp5jsは一度も触ったことがないです.

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

```, カウント, カウントダウン, コード, ツマラナイ, パーティカル, ライブラリ, , 全て漢字, 初回呼び出し, , 大晦日, 月日時分秒, 漆#, 玖#, , 秒ごと, 肆#, , 陸#,

zero one[ゼロワン]のお仕事、?

2020.11.11

Logging

朝、ウォーキングをしていると河原で竹を切り、トラックに大量についでいる二人組のおっさんを目にした。これはまさかの不法伐採とかいう話ではないかと頭をよぎったけど、注意して鎌でかられたら大変なので見ないふりをしてスルーしました。アレって正月用か何かになって市場にでもならぶのかなと思ったわけですが、考えようによってはアレはゼロワンだなと感じました。

ゼロワンとは価値を自らの手で生み出すことをいうという認識。例えばWEBシステムを自ら構築してサービスを展開するなどは間違いなくゼロワンだと思います。システムに限らずにYOUTUBERなどもこの頃、ゼロワンだなと。元手がゼロで自分の芸やトークで稼いでいるのならば、それはれっきとしたゼロワンなんだと思います。

但し、WEBシステムせよYOUTUBERにせよ、プラットフォームのなかでゼロワンを生み出しているわけで、プラットフォームを生み出した企業や人には勝てないなという思いがある。やはり真のゼロワンというのはAとBを繋ぐシステムを作り出した人なんだろうなと感じます。人と人だったり物とひと、物と物を繋ぐシステムを構築したり再構築したりする事が真のゼロワンのお仕事なんだと、不法伐採行為を見て、、、シミジミと感じました。

アレはやっちゃ駄目だな。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

one, web, YOUTUBER, ZERO, アレ, ウォーキング, おっさん, お仕事, こと, これ, サービス, システム, スルー, ゼロ, ゼロワン, それ, トーク, トラック, なか, プラットフォーム, ふり, まさか, わけ, 不法, , , 企業, 伐採, 但し, 価値, 元手, 大変, 大量, 展開, 市場, , , 構築, 正月, 河原, 注意, , , , 自ら, 自分, , , 認識, , , ,