大晦日までカウントダウンしてまたカウントダウンする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で応援を送る

タグ

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

T2がコードを10年書いている。Milliseconds-エラー対応編

2021.10.27

Logging

今回はエラー対応編です、ミリ秒を逐次表示するだけのコードだけどいろいろなひっかかる部分があるという事が動画を通して分かっていただければ幸いです。動画は高速なのでわかりにくいかもしれません、そんな人はgithubのヒストリーを閲覧ください。制作過程でどのような問題が現れたのかがわかると思います。

code{0} Milliseconds-エラー対応編part1

徐々に難しくなるかもしれませんが、一応、初心者が見て覚えると盗んで覚える、そして動画を見てプログラムって面白そうって思えるようなものを作っていきたいと思います。基本的に初心者がやってみたいなと思えるものを作っていければなと思っています。

思っていますが、それが出来るかは自分自身、分からないですけどね。なるべく心がけて作っていこうと思います。

https://github.com/zip358/T2_pg/commits/main/Milliseconds/assets/js/main.js

著者名  @taoka_toshiaki

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

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

OFUSEで応援を送る

タグ

10, 2, github, Milliseconds-, いろいろ, エラー, コード, それ, ヒストリー, プログラム, ミリ, もの, , , 今回, 初心者, 制作, 動画, 問題, 対応, , 自分, 自身, 表示, 過程, 部分, 閲覧, 高速,

言いにくいbluetooth[ブルートゥース]が音飛びするよ。

2020.07.06

Logging

言いにくいbluetooth[ブルートゥース]が音飛びするよ。最初に解決方法を教えます。緩衝しているであろう電波の遮断とブルートゥースを再接続することで解決するということです。ぐぐるとその情報が上位に表示されるので間違いでしょう。あのSONYのサイトでも同じ解決方法ですからね。

確かにそれは解決方法として間違っていないようにも思うのだけど、PCとヘッドホンをミリ秒単位?でブルートゥースは通信を行っていると思うです、大体、音飛びする時の音って情報量が多い音源のような気がします。シンセサイザーみたいな音源だと比較的に音飛びが発生する確率が上昇するような気がするのですが、皆さんどうでしょうか?

ブルートゥースで音楽聞かないひとには分からないかもしれないけれど、ノイズや音飛びは結構、イラってする事があります。特にそれが頻発したらヘッドホンを買い換えようと考えるぐらい思うのですから、本当に音を気にする人は有線ヘッドホンを使っていると思うのですが…。

パソコンで作業をしながらって人は有線は結構邪魔な存在です。因みに少し前までは有線で頑張っていましたが無線(ブルートゥース)に切り替えました。ブルートゥースヘッドホンは充電式なので就寝前に充電すれば問題なく一日使えます。そろそろ1万円代のブルートゥースヘッドホンに変えようかなとか思っています。

著者名  @taoka_toshiaki

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

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

OFUSEで応援を送る

タグ

bluetooth, PC, SONY, イラ, こと, サイト, シンセサイザー, それ, ノイズ, ひと, ブルートゥース, ヘッド, ヘッドホン, ミリ, 上位, 上昇, , , 単位, 大体, 情報, 接続, 方法, , 最初, 有線, 本当, , 発生, 皆さん, 確率, , 緩衝, 表示, 解決, 通信, 遮断, 電波, , 音楽, 音源, 音飛び, 頻発,