设置递增数字的动画并显示十进制值

<div id="counter">0</div>

#counter {
  font-size: 24px;
  font-weight: bold;
  animation: increment 1s linear infinite;
}

@keyframes increment {
  from { transform: scale(1); }
  to { transform: scale(1.2); }
}

var counterElement = document.getElementById('counter');
var targetValue = 100; // 目标值
var currentValue = 0; // 当前值

function updateCounter() {
  if (currentValue < targetValue) {
    currentValue++;
    counterElement.textContent = currentValue;
    requestAnimationFrame(updateCounter);
  }
}

updateCounter();

exports.main = async (event, context) => {
  let currentValue = 0; // 当前值
  const targetValue = 100; // 目标值

  function updateCounter() {
    if (currentValue < targetValue) {
      currentValue++;
      return currentValue;
    }
  }

  return updateCounter();
};

var counterElement = document.getElementById('counter');

// 调用云函数
// 请根据实际情况填写云函数的名称和参数
tencentCloudSDK.invokeCloudFunction('functionName', { /* 参数 */ })
  .then(function(response) {
    counterElement.textContent = response.data;
  })
  .catch(function(error) {
    console.error(error);
  });