目次
1. はじめに

ジャンプカレンダーを作ろう

Oct 18, 2017 am 09:29 AM
カレンダー

1. はじめに

カレンダーには、年、月、日、曜日、時、分、秒が含まれており、その効果は次のとおりです:

曜日、時間、分、秒はすべてシステム時間に合わせて移動します

2、コード


<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Document</title>
    <style type="text/css">
        *{
            margin:0;
            padding: 0; 
            font-size: 0px;
            font-family: &#39;微软雅黑&#39;;
        }
        .contain-wrapper{
            margin: 0 auto;
            padding-top: 70px;
            width: 470px;
            height: 230px;
            background: #000000;
            border-radius: 30px;
        }
        .timer-wrapper p{
            font-size: 44px;
            color: #ffffff;
        }
        .year{
            width: 470px;
            text-align: center;
        }
        .timer-footer{
            width: 460px;
            text-align: center;
        }
        .timer-footer p:nth-child(1){
            display: inline-block;
        }
        .timer-footer p:nth-child(2){
            display: inline-block;
        }
    </style></head><body>
    <p class="contain-wrapper">
        <p class="timer-wrapper">
            <p class="year"></p>
            <p class="timer-footer">
                <p></p>
                <p></p>
            </p>
        </p>
    </p></body><script type="text/javascript">
        
        /*
        *这是一个获取当前日期的函数         */
        function showLocaleDate(objb){            
        var str = objb.getFullYear()+"年"+(objb.getMonth()+1)+"月"+objb.getDate()+"日";            
        return str;
        }        
        var year=document.getElementsByClassName(&#39;timer-wrapper&#39;)[0].getElementsByTagName(&#39;p&#39;)[0];        
        /*
        *这是一个获取星期几的函数         */
        function showLocaleWeek(objC){            
        var weekArray = new Array("日", "一", "二", "三", "四", "五", "六");  
            var week = objC.getDay();  
            var weekString = "星期"+ weekArray[week];            
            return weekString;
        }        
        var wk=document.getElementsByClassName(&#39;timer-wrapper&#39;)[0].getElementsByTagName(&#39;p&#39;)[1];        /*
        *这是一个获取当前时间的函数         */

        function showLocaleTime(objD){            
        var hh = objD.getHours();            
        if(hh<10) hh = &#39;0&#39; + hh;            
        var mm = objD.getMinutes();            
        if(mm<10) mm = &#39;0&#39; + mm;            
        var ss = objD.getSeconds();            
        if(ss<10) ss = &#39;0&#39; + ss;            
        var reflash=hh + ":" + mm + ":" + ss;            
        return reflash;
        }        var now=document.getElementsByClassName(&#39;timer-wrapper&#39;)[0].getElementsByTagName(&#39;p&#39;)[2];        function showTime(){            var today=new Date();
            year.innerHTML=showLocaleDate(today);
            wk.innerHTML=showLocaleWeek(today);
                now.innerHTML=showLocaleTime(today);
                window.setTimeout("showTime()",1000);
        }
        showTime();
        </script>
        </html>
ログイン後にコピー

以上がジャンプカレンダーを作ろうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

win11の二画面カレンダーがセカンドモニターに存在しない場合はどうすればよいですか? win11の二画面カレンダーがセカンドモニターに存在しない場合はどうすればよいですか? Jun 12, 2024 pm 05:47 PM

Windows 11 で毎日の仕事やルーチンを整理するための重要なツールは、タスク バーの時刻と日付の表示です。この機能は通常、画面の右下隅にあり、時刻と日付に即座にアクセスできます。この領域をクリックするとカレンダーが表示され、別のアプリを開かなくても今後の予定や日付を簡単に確認できます。ただし、複数のモニターを使用している場合は、この機能で問題が発生する可能性があります。具体的には、接続されているすべてのモニターのタスクバーに時計と日付が表示されますが、2 番目のモニターで日付と時刻をクリックしてカレンダーを表示する機能は利用できません。現時点では、この機能はメイン ディスプレイでのみ機能します。Windows 10 とは異なり、任意のディスプレイをクリックすると機能します。

Win10のカレンダーには週番号が表示される Win10のカレンダーには週番号が表示される Jan 04, 2024 am 08:41 AM

多くのユーザーは、Win10 カレンダー ツールを使用して現在の日数を確認したいと考えていますが、カレンダーにはこの機能が自動的に表示されません。実際には、簡単な設定を行うだけで、今年の累積週数が表示されます ~ Win10 カレンダー表示週 デジタル設定チュートリアル: 1. デスクトップの左下隅にある検索にカレンダーと入力し、アプリケーションを開きます。 2. 開いたカレンダー アプリケーションで、左下隅の「歯車」アイコンをクリックすると、右側に設定がポップアップ表示されます。「カレンダー設定」をクリックします。 3. 開いたカレンダー設定で続行し、「週番号」を見つけます。そして週を変更します。数値オプションを「年の最初の日」に調整するだけです。 4. 上記の設定が完了したら、「週」をクリックすると、今年の週番号の統計が表示されます。

Win10 でカレンダー イベントのポップアップ リマインダーが表示されない場合はどうすればよいですか? Win10 でカレンダー イベントのリマインダーが表示されなくなった場合はどうすればよいですか? Win10 でカレンダー イベントのポップアップ リマインダーが表示されない場合はどうすればよいですか? Win10 でカレンダー イベントのリマインダーが表示されなくなった場合はどうすればよいですか? Jun 09, 2024 pm 02:52 PM

カレンダーは、ユーザーがスケジュールを記録したり、リマインダーを設定したりするのに役立ちますが、多くのユーザーは、Windows 10 でカレンダー イベントのリマインダーが表示されない場合はどうすればよいかを尋ねています。ユーザーはまず Windows の更新ステータスを確認するか、Windows App Store のキャッシュをクリアして操作を実行できます。このサイトでは、Win10 カレンダーのイベントリマインダーが表示されない問題の分析をユーザーに丁寧に紹介します。カレンダーイベントを追加するには、システムメニューの「カレンダー」プログラムをクリックします。カレンダー内の日付をマウスの左ボタンでクリックします。編集画面でイベント名とリマインダー時刻を入力し、「保存」ボタンをクリックするとイベントが追加されます。 Win10のカレンダーイベントリマインダーが表示されない問題を解決する

Outlook カレンダーが同期していません。 Outlook カレンダーが同期していません。 Mar 26, 2024 am 09:36 AM

Outlook カレンダーが Google カレンダー、Teams、iPhone、Android、Zoom、Office アカウントなどと同期できない場合は、次の手順に従って問題を解決してください。カレンダー アプリは、Google カレンダー、iPhone、Android、Microsoft Office 365 などの他のカレンダー サービスと接続でき、自動的に同期できるので非常に便利です。しかし、OutlookCalendar がサードパーティの予定表と同期できない場合はどうすればよいでしょうか? 考えられる理由としては、同期に間違った予定表を選択した、予定表が表示されない、バックグラウンド アプリケーションの干渉、古い Outlook アプリケーションまたは予定表アプリケーションなどが考えられます。 Outlook カレンダーが同期しない場合の暫定的な修正

生理不順のない購入局:カレンダーと誕生日シリーズの周辺機器が新登場! 生理不順のない購入局:カレンダーと誕生日シリーズの周辺機器が新登場! Feb 29, 2024 pm 12:00 PM

「失われた購買オフィスは 2 月 28 日午前 11 時に更新されることが確認されています。プレイヤーは淘宝網にアクセスして購買オフィスを検索し、購入するストア カテゴリを選択できます。今回は MBCC 誕生日パーティー シリーズと 2024 卓上カレンダー周辺機器をお届けします。」ぜひ、今回は商品詳細をご覧ください。生理不順のない購入局:カレンダーと誕生日シリーズの周辺機器が新登場!遺失物調達室に新たな出来事が! - 先行販売時間: 2024年2月28日 11:00 - 2024年3月13日 23:59 購入アドレス: 淘宝網検索[予期せぬ紛失購入局] [ストア]カテゴリを選択して購入ストアに入り、周辺機器の紹介: 新しい周辺機器今回発売されるのはMBCCバースデーパーティーシリーズと2024年卓上カレンダー周辺機器です 詳細は長い画像をクリックしてください。購買オフィスが新しい周辺機器を導入 - MBCC の学生

win10で右下のカレンダーが開けません win10で右下のカレンダーが開けません Dec 26, 2023 pm 05:07 PM

win0 システムを使用している友人の中には、win10 カレンダーが開けないという状況に遭遇した人もいます。これは単なるコンピュータの通常の不具合です。win10 システムのプライバシー設定で解決できます。今日、編集者が詳細な解決策を提供しました。以下、見てみましょう。 win10の右下でカレンダーが開けない問題の解決策 1. win10システムで「スタート」をクリック → 上のプログラムリストボタンをクリック → ピンイン(中国語) Rを検索 → カレンダー 2. 初めて使用する場合, 新しいイベントが開かない場合があります (マウスを傾けると紺色が選択されなくなります), プライバシーに設定できます。デスクトップの左上隅にある 3 本のバーのアイコンをクリックすると、下部に設定メニューが表示されます; 3. ポップアップ インターフェイスで [プライバシー] をクリックします; 4. 以前に設定を使用したことがある場合は、左

win11の時間が常に不正確である問題を解決するにはどうすればよいですか? Win11 時間調整チュートリアルは、不正確な時間の問題をすぐに解決します win11の時間が常に不正確である問題を解決するにはどうすればよいですか? Win11 時間調整チュートリアルは、不正確な時間の問題をすぐに解決します Apr 19, 2024 am 09:31 AM

Windows 11 コンピューターで間違った時間が表示されると、多くの問題が発生し、インターネットに接続できなくなる可能性があります。実際、システムが間違った日付と時刻を表示すると、一部のアプリケーションを開いたり実行したりすることを拒否します。では、この問題をどうやって解決すればいいのでしょうか?以下を見てみましょう!方法 1: 1. まず、下のタスク バーの空白スペースを右クリックし、[タスク バーの設定] を選択します。 2. タスク バーの設定で右側にある taskbarcorneroverflow3 を見つけて、その上にある時計または時計を見つけて、オンにすることを選択します。方法 2: 1. キーボード ショートカット win+r を押して「ファイル名を指定して実行」を呼び出し、「regedit」と入力して Enter キーを押して確認します。 2. レジストリ エディタを開き、その中で HKEY を見つけます。

Windows 10 でカレンダーを設定する方法 Windows 10 でカレンダーを設定する方法 Dec 22, 2023 pm 12:21 PM

Win10 カレンダーは、カレンダー機能が組み込まれた非常に使いやすいソフトウェアです。このカレンダー機能を使用すると、いつでもどこでも日付を確認できます。必要に応じて、旧暦などを設定し、今週を確認することもできます。とても便利です~ win10 カレンダーの設定方法: 1. メニューインターフェイスで「カレンダー」を検索し、インターフェイスに入ります。アカウントをバインドするよう求められた場合は、「カレンダーに移動」をクリックしてスキップします。 2. 左下隅の「歯車」ボタンをクリックすると、右側に設定インターフェイスが自動的に表示され、設定できます。 Win10 カレンダー FAQ 中国語のカレンダーを設定する場所 カレンダーをデスクトップに配置して週番号を表示する方法 カレンダーのショートカット キー カレンダーメモを携帯電話に同期する 同期できない場合の対処方法 旧暦の表示方法 カレンダーのエクスポート方法カレンダー 個人設定 設定 日曜日

See all articles