HTML/JS如何調整（倒數）產品數量

Question

我有一個包含代表產品質量的一些簡單的HTML元素...

<h1>Product QTY</h1> 
<div id=「prod-qty」> 
    <div> 
    <span class=「qty」>57</span> 
    <div class="smalltext">Left In Stock</div> 
    </div> 
</div> 

1. 我如何使用JS通過降低這個數字每15秒1次？
2. 我該如何使用JS以每15-30分鐘 秒的隨機數減少1-3個數？

Answer 1

此代碼應該做你想要什麼：

<h1>Product QTY</h1> 
<div id=「prod-qty」> 
    <div> 
    <span class=「qty」 id="qty"></span> 
    <div class="smalltext">Left In Stock</div> 
    </div> 
</div> 

<script> 
    var qty = 57 
    var qtyId = document.getElementById("qty"); 

    setQty(qty); 

    function setQty(qty) 
    { 
     qtyId.innerHTML = qty; 

     if (qty==0) return; 

     var parts = Math.floor((Math.random() * 3) + 1); 
     if (parts > qty) parts = qty; 

     var msec = Math.floor(((Math.random() * 15) + 15)*1000); 

     qty -= parts; 

     setTimeout(function() { 
      setQty(qty); 
     }, msec) 
    } 
</script> 

每當功能setQty被調用時，該數量被更新，一個randomley數量（1-3）可以減去下一個更新和呼叫setQty在隨機時間（15-30 s）內以callBack函數開始。

Answer 2

這應該給你一個起點

var runEvery = 15 * 1000; //seconds; 
window.setInterval(function(){ 
    var elem = $("#prod-qty .qty"); 
    var decrease = 1; 
    var value = +elem.text() - decrease; 
    if(value <= 0) { 
     value = 0; 
    } 
    elem.text(value); 
}, runEvery); 

要生成遞減和執行的檢查reference頻率隨機值。