Javascriptでフラッシュセール、共同購入、カウントダウン表示記録共有を実装_JavaScriptスキル
最近、不動産のフラッシュセール、共同購入用の電子商取引サイトを行いました(住宅のフラッシュセールもあります、価格は低くありません)、主に決定するためにフラッシュセールのカウントダウン表示があります現在時刻からフラッシュセール開始までの残り時間や、フラッシュセールの開始と終了を示すさまざまな表示があります。
最も重要な点は、いわゆる現在時刻には、ブラウザーが new Date() を通じて取得したクライアント時刻を使用できないということです。このように、ユーザーが自分のマシン時刻を変更している限り、カウントダウンは行われます。めちゃくちゃなので、現在時刻は次のようにする必要があります。 サーバー時刻が使用されるため、静的キャッシュページが使用されるため、現在時刻は ajax を使用して取得されます
.
イベントの開始までまだ日があります:
.
フラッシュセールに参加してください! ! !
.
< ;script type= "text/javascript">
var msbegintime = "1323446400000"; //これはアクティビティ開始時のタイムスタンプです
var msendtime = "1325174400000" //これはアクティビティ開始時のタイムスタンプですopens
function start (){
callBackServerTime("sk_time", "wyz", msbegintime, msendtime);
}
//_showtimediv: 時間表示領域、_showqdiv: ステータス表示領域
//これはサーバーに送信されます。 ajax リクエストにより、サーバーはサーバーの現在のタイムスタンプを返します。つまり、xmlobj.responseText はサーバーのタイムスタンプです
関数 callBackServerTime(_showtimediv, _showqdiv, _ms_begintime, _ms_endtime) {
var now = new Date();
var urlstr = "random=" Math.round(Math.random() * 10000000);
var ajaxobj = new AJAXRequest // AJAX オブジェクトを作成します ajaxobj.method = "GET"; // リクエストメソッドは GET
ajaxobj.url = "/gz/source/getServerTime.do?" // ajax のクロスドメインの問題に注意してください。 🎜> ajaxobj.callback = function(xmlobj) {
//ShowQTime (xmlobj.responseText, _showtimediv, _showqdiv, _ms_begintime, _ms_endtime, _tryid,sourceid); j.responseText はテストに便利です
}
ajaxobj .send(); // リクエスト送信
}
//「フラッシュセール」時間の動的表示 function
function ShowQTime(_showtimediv, _showqdiv, _nowtime, _ms_begintime, _ms_endtime) {
_nowtime = Number (_nowtime);
var timmer = Math.floor((_ms_endtime - _nowtime) / (1000));
if (_nowtime >= _ms_begintime && timmer > 0) {;
// フラッシュセール進行中
document.getElementById(_showtimediv).innerHTML = "0days0hours 0分0秒";
document.getElementById(_showqdiv).innerHTML = " フラッシュセールが始まりました! ! !";
} else {
> var n D = Math.floor(nMS / (1000 * 60 * 60 * 24));
var nH = Math.floor(nMS / (1000 * 60 * 60 * 24)); Floor(nMS / (1000 * 60 * 60)) % 24;
var nM = Math.floor(nMS / (1000 * 60)) % 60;
var nS = Math.floor(nMS / 1000) % 60;
var nMS = Math.floor(nMS / 100) % 10;
if (nD >= 0) {
var _timestr = "";
var snd = nD.toString ();
if (snd.length == 1) {
snd = "0" snd;
}
_timestr = "" (0, 1) snd.substring(1, 2) "day" ;
var snH = nH.toString();
if (snH.length == 1) {
snH = "0" snH;
}
_timestr = "" snH.substring(0, 1) snH.substring(1, 2) "時間";
var snM = nM.toString();
.length == 1) {
1, 2) " minutes";
var snS = nS.toString ();
if (snS.length == 1) {
snS = "0" snS;
(_showtimediv).innerHTML = _timestr;
日 時間0分0秒";
document.getElementById(_showqdiv).innerHTML = " フラッシュ セールは終了しました。 ! ! ";
}
}
//注意 (_nowtime 1000) 增加 1 秒
setTimeout("ShowQTime('" _showtimediv "','" _showqdiv) "','" (_nowtime 1000) "','" _ms_begintime "','" _ms_endtime "')", 1000);
}
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { xmlObj=false }
}
}
if (!xmlObj) return false;
this.method="POST";
this.url;
this.async=true;
this.content="";
this .callback=function(cbobj) {return;}
this.send=function() {
if(!this.method||!this.url||!this.async) return false;
xmlObj.open (this.method, this.url, this.async);
if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form- urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
ObjSelf.callback(xmlObj) ;
}
}
}
if(this.method=="POST") xmlObj.send(this.content);
else xmlObj.send(nu ll);
}
}

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック

Pinduoduo ソフトウェアは多くの優れた製品を提供し、いつでもどこでも購入でき、各製品の品質は厳しく管理され、すべての製品は正規品であり、多くの優遇ショッピング割引があり、誰もがオンラインで買い物をすることができます。携帯電話番号を入力してオンラインにログインし、オンラインで複数の配送先住所や連絡先情報を追加し、最新の物流動向をいつでも確認できます さまざまなカテゴリの商品セクションが開き、検索して上下にスワイプして購入および注文することができます家から出ることなく利便性を体験することができます.オンライン ショッピング サービスでは、購入した商品を含むすべての購入記録を確認することもでき、数十のショッピング赤い封筒とクーポンを無料で受け取ることもできます.今回、編集者は Pinduoduo ユーザーに詳細なオンライン サービスを提供しました購入した製品の記録を表示する方法。 1. 携帯電話を開き、Pinduoduo アイコンをクリックします。

C++ は広く使用されているプログラミング言語で、カウントダウン プログラムを作成するのに非常に便利で実用的です。カウントダウン プログラムは、非常に正確な時間計算とカウントダウン機能を提供する一般的なアプリケーションです。この記事では、C++ を使用して簡単なカウントダウン プログラムを作成する方法を紹介します。カウントダウン プログラムを実装する鍵は、タイマーを使用して時間の経過を計算することです。 C++ では、time.h ヘッダー ファイル内の関数を使用してタイマー関数を実装できます。以下は、単純なカウントダウン プログラムのコードです。

Vue を使用してボタンのカウントダウン効果を実装する方法 Web アプリケーションの人気が高まるにつれて、ユーザーがページを操作するときのユーザー エクスペリエンスを向上させるために、動的効果を使用する必要がよくあります。その中でもボタンのカウントダウンエフェクトは非常に一般的で実用的なエフェクトです。この記事では、Vue フレームワークを使用してボタンのカウントダウン効果を実装する方法と、具体的なコード例を紹介します。まず、ボタンとカウントダウン関数を含む Vue コンポーネントを作成する必要があります。 Vue では、コンポーネントは再利用可能な Vue インスタンスであり、ビューは

Vue を使用して画像のサムネイルを生成および表示するにはどうすればよいですか? Vue は、ユーザー インターフェイスを構築するための人気のある JavaScript フレームワークです。豊富な機能と柔軟な設計を提供し、開発者がインタラクティブで応答性の高いアプリケーションを簡単に構築できるようにします。この記事では、Vueを使って画像のサムネイルを生成・表示する方法を紹介します。 Vue.jsのインストールと導入 まず、Vue.jsをインストールする必要があります。 Vue.js は CDN を通じて導入することも、npm を使用してインストールすることもできます。 CDN経由でリダイレクト

Linux でコマンド履歴を表示する方法 Linux では、history コマンドを使用して、以前に実行されたすべてのコマンドのリストを表示します。構文は非常に単純です:history History コマンドと組み合わせるオプションには次のものがあります: オプションの説明 -c 現在のセッションのコマンド履歴をクリアします -w コマンド履歴をファイルに書き込みます -r 履歴ファイルからコマンド履歴を再ロードします - n 最近のコマンドの出力数を制限するhistory コマンドを実行するだけで、Linux ターミナルで以前に実行されたすべてのコマンドのリストが表示されます。コマンド履歴の表示に加えて、コマンド履歴を管理したり、以前に実行したコマンドの変更を実行したり、逆に実行したりすることもできます。コマンド履歴を検索したり、履歴を完全に削除したりすることもできます

iPhone の通話録音は過小評価されがちですが、iPhone の最も重要な機能の 1 つです。この機能はシンプルであるため非常に重要であり、デバイス上で発信または受信された通話に関する重要な洞察を提供できます。仕事の目的でも、法的手続きの場合でも、通話記録にアクセスできる機能は非常に貴重であることがわかります。簡単に言うと、通話履歴とは、電話をかけたり受けたりするたびに iPhone に作成されるエントリを指します。これらのログには、連絡先の名前 (連絡先として保存されていない場合は番号)、タイムスタンプ、継続時間、通話ステータス (ダイヤル、不在、応答なし) などの重要な情報が含まれています。これらはあなたの通信履歴の簡潔な記録です。通話履歴には、iPhone に保存されている通話履歴ストリップが含まれます

iPhone では、ヘルスケア App に薬を追加して、毎日摂取する薬、ビタミン、サプリメントを追跡および管理できます。デバイスで通知を受信したときに、服用した薬またはスキップした薬を記録できます。薬を記録すると、どれくらいの頻度で薬を服用したか、または服用しなかったかを確認できるので、健康状態を追跡するのに役立ちます。この記事では、iPhone のヘルスケア アプリで選択した薬のログ履歴を表示する方法を説明します。ヘルスケア アプリで薬の記録履歴を表示する方法に関する短いガイド: ヘルスケア アプリ > 参照 > 薬 > 薬 > 薬の選択 > オプション&a に移動します。

win10 では、起動カウントダウンがデフォルトで有効になっています。コンピューターの電源を入れると、カウントダウン インターフェイスが表示されます (通常は 10 秒のカウントダウン)。この時間内に、起動を続行するか、他の操作を実行するかを選択できます。起動カウントダウンはシステムにある程度の利便性をもたらしますが、場合によっては問題を引き起こす可能性もあります。表示を解除したいけどやり方がわからない この記事では、Win10起動後の数秒のカウントダウンを解除する方法を紹介します。 win10 の起動カウントダウンについて理解する win10 では、起動カウントダウンがデフォルトで有効になっています。コンピューターの電源を入れると、カウントダウン インターフェイスが表示されます (通常は 10 秒のカウントダウン)。この時間内に、起動を続行するか続行するかを選択できます。
