コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 期間限定セールカウントダウン機能の実装方法

期間限定セールカウントダウン機能の実装方法

小云云
リリース： 2018-02-06 11:50:24
オリジナル
4219 人が閲覧しました

この記事では主に、期間限定セールのカウントダウンの完全な例（共有）を紹介します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

は次のとおりです: 


<!DOCTYPE HTML>
<html>
<head>
 <meta charset=utf-8"/>
 <title>团购——限时抢</title>
</head>
<body>
<p>
 <p class="time">还剩 <span id="LeftTime"></span></p>
</p>
<script>
 function FreshTime() {
  var endtime = new Date("2017/10/15,12:20:12");//结束时间
  var nowtime = new Date();//当前时间
  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
  d = parseInt(lefttime / (24 * 3600));
  h = parseInt(lefttime /3600%24);
  m = parseInt(lefttime/60%60);
  s = parseInt(lefttime % 60);

  document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
  if (lefttime <= 0) {
   document.getElementById("LeftTime").innerHTML = "团购已结束";
   clearInterval(sh);
  }
 }

 var sh;
 sh = setInterval(function () {
  FreshTime()
 },500);

</script>

</body>
</html>
ログイン後にコピー

レンダリング:

関連推奨事項:

jqueryカウントダウンアプレット実装コード

jQueryはカウントダウンとSMSカウントダウン関数を実装します 実装コード

js アンチリフレッシュ カウントダウン コード js カウントダウン コード

以上が期間限定セールカウントダウン機能の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
秒読み 方法 フラッシュセール
ソース：php.cn
前の記事：Express を使用してサーバー サービス メソッドの共有を開始する 次の記事：キャンバスゴージャスカウントダウン実装コード共有
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
「Cookie」リクエスト ヘッダーの Cookie の数が、「set-cookie」レスポンス ヘッダーに設定されている Cookie の数を超えるのはなぜですか? 私は Web クローリングの初心者なので、http リクエストについての理解が非常に浅いです。カートに追加など、Web サイトに送信する特定のリクエストを検査すると、開発ツールは、...
から 2024-04-05 14:52:06
0
1
3571
この htaccess リダイレクトを実装できません Web サイトを含む maindomain.com を持っています。ここのいくつかのページは一時的にサブドメイン tmp.maindomain.com にリダイレクトされる必要があ...
から 2024-04-04 23:43:51
0
1
1376
同じ関数でphpを使用して2つの異なるメールを2つの異なるアドレスに送信したい そのため、Web サイトに登録されている販売者から製品が注文されたときに、コードを更新して同じ電子メールを会社の電子メール アドレスに送信するようにしたいと考えています。コードが当...
から 2024-04-04 22:17:09
0
1
1481
WooCommerce Checkout - ユーザーの役割とカートの内容を検証する WooCommerce のチェックアウト プロセスで問題が発生しています。通常商品とB2B商品を区別するために「B2BforWooCommerce」プラグインを使用しています。シナ...
から 2024-04-03 11:58:52
0
1
475
Google スプレッドシートのコード: 権限の問題とデータ配置エラーの解決 Google Script を使用して初めてのコードを作成しています。コードに問題があり、Google スプレッドシートにアクセスするために必要な権限がありません。コードを実行しよ...
から 2024-04-03 09:26:47
0
1
278
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート