このスクリプトは株価カウントダウンとしてはうまく機能しますが、同じページ上の複数の場所に表示することはできません。
たとえば、同じページに 4 つまたは 5 つの製品/プランがあり、各製品には異なる在庫数量が表示され、数量が変更される時間も異なります。 1 つの商品のみに表示されます。
リーリースクリプトを 4 回コピーし、ID「qty」を qty1、qty2、qty3、qty4 に変更しましたが、機能しません。1 つの製品にしか表示されません...:/
ここで誰か助けてくれませんか?ありがとう！
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
複数のカウントダウンができるように機能を変更しました。
リーリー各カウントダウンの特定の数値を 2 番目のパラメーターとして送信するだけです。
スクリプトをカスタム要素に変更しました。これは、
<stock-counter>という要素を作成できることを意味します。この要素には、
quantityとstorage-keyという 2 つの属性があります。quantityは、カウントを開始する量です。storage-keyは、この 特定のカウンタの最後のカウントを 格納するために使用されるローカル ストレージ キーの名前です。ストレージ キーが設定され、ストレージ値が見つかった場合、ストレージ値が0でない限り、その値がquantity値を置き換えます。要素は次のようになります:
リーリーこれらの要素をページ上に任意の数だけ配置し、各要素の
quantityおよびstorage-keyを変更できます。