同じページ上の複数の場所に在庫カウンターを表示する

Question

このスクリプトは株価カウントダウンとしてはうまく機能しますが、同じページ上の複数の場所に表示することはできません。

たとえば、同じページに 4 つまたは 5 つの製品/プランがあり、各製品には異なる在庫数量が表示され、数量が変更される時間も異なります。 1 つの商品のみに表示されます。

リーリー

スクリプトを 4 回コピーし、ID「qty」を qty1、qty2、qty3、qty4 に変更しましたが、機能しません。1 つの製品にしか表示されません...:/

ここで誰か助けてくれませんか?ありがとう！

Answer 1

複数のカウントダウンができるように機能を変更しました。

リーリー

各カウントダウンの特定の数値を 2 番目のパラメーターとして送信するだけです。

Answer 2

スクリプトをカスタム要素に変更しました。これは、<stock-counter> という要素を作成できることを意味します。

この要素には、quantity と storage-key という 2 つの属性があります。

1. quantity は、カウントを開始する量です。
2. storage-key は、この 特定のカウンタの最後のカウントを 格納するために使用されるローカル ストレージ キーの名前です。ストレージ キーが設定され、ストレージ値が見つかった場合、ストレージ値が 0 でない限り、その値が quantity 値を置き換えます。

要素は次のようになります:

リーリー

これらの要素をページ上に任意の数だけ配置し、各要素の quantity および storage-key を変更できます。

リーリー リーリー