0

我正在尝试使用 .js，但我并不了解一切。我想使用 if/else，这样如果 .accidents 的数量发生变化（从 002 到 003）。.counter 被重置为 0。因此 .accidents (ongevallen dit jaar) 以 0 开头。当发生事故时，我们将其更改为 1。并且 .counter (没有事故的天数 - dagen ongeval vrij) 重置为 0 .

事故的变化通过 Broadsign Publish (.json) 进行。

在此处输入图像描述

在此处输入图像描述（Broadsign Publish）

.JS

function padZeros(str, len) {
  return Array(len - String(str).length + 1).join("0") + str;
}

$(document).ready(function () {
  $(".counter").counterUp({
    delay: 10, //delay - The delay in milliseconds per number count up
    time: 500000, //time - The total duration of the count up animation
    //86400*1000 (60 * 60 * 1000 * 24 = 86400000 seconds in a day)
    padLength: $(".counter").text().length,
  });
});

function accidents() {
  let accidents = 0;

  if (accidents > accidents++) {
    result = counter(0);
  }

  return result;
}

.HTML

    <div class="container countUp">
        <div class="row">
            <div class="col-md-6">
                <span id="countDays" class="counter" data-publish-id="countDays">366</span>
            </div>

            <div class="col-md-offset-1">
                <div id="accidents" class="accidents" data-publish-id="accidents">003</div>
            </div>
        </div>
    </div>

.JSON

{
  "orientation": "landscape",
  "fields": [
    {
      "id": "countDays",
      "label": "Dagen ongeval vrij",
      "default": "000",
      "mandatory": true,
      "maxLength": 3,
      "myCount": 0
    },
    {
      "id": "accidents",
      "label": "Ongevallen dit jaar",
      "default": "002",
      "mandatory": true,
      "maxLength": 3,
      "myCount": 0
    }
  ]
}

任何帮助表示赞赏

4

0 回答 0