コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JS完全カウントダウン時間差エフェクト

JS完全カウントダウン時間差エフェクト

Y2J
リリース： 2017-05-20 13:17:13
オリジナル
1503 人が閲覧しました

この記事では主にカウントダウン時間差効果を実装するための Javascript を詳しく紹介します。興味のある方は参照してください。

この記事のサンプルは参考のために JS カウントダウン時間差効果の実装コードを共有します。具体的な内容は以下の通りです

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i=&#39;0&#39;+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout(&#39;showTime()&#39;,500)
 }

</script>
</head>
<body>
<p class="content1">
 <p id="show">显示时间的位置</p>
</p>
</body>
</html>
ログイン後にコピー

【関連おすすめ】

1. JavaScriptの無料動画チュートリアル

2.

JSで配列内の要素を再帰的に削除する方法の詳細な説明

3.スター評価関数を完成します

4.

JS はテキストが全角か半角かをどのように判断しますか?

nodejs+websocket はチャットシステム関数を完成させます

以上がJS完全カウントダウン時間差エフェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
js倒计时时差 js倒计时 js时差
ソース：php.cn
前の記事：JSでテキストが全角か半角かを判断する方法 次の記事：星評価機能を完成させるJSの例を詳しく解説
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する 私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。 JS または AJAX を使用して...
から 2024-04-04 13:45:50
0
1
3465
JavaScript タイマーが毎秒更新されない これはOTPのカウントダウンタイマーを表示するコードですが、静的な値のみが表示され、期待どおりに毎秒更新されません。 <?php//Setthetargetendtime(こ...
から 2024-04-02 19:04:44
0
1
359
同じページ上の複数の場所に在庫カウンターを表示する このスクリプトは株価カウントダウンとしてはうまく機能しますが、同じページ上に複数の場所に表示することはできません。たとえば、同じページに 4 つまたは 5 つの製品/プランがあり、...
から 2024-04-02 14:25:38
0
2
2529
ボタンをアクティブにするとホバー効果が誤動作する 私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました...
から 2024-04-01 21:51:26
0
1
396
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート