New_Bhouse_Web/themes/hugo-universal-theme-master/static/js/bhousev2.js

// document.addEventListener('DOMContentLoaded', function() {
$('.bhousev2_banner_slide').slick({
  arrows: false,
  dots: false,
  infinite: true,
  autoplay: true,
  autoplaySpeed: 3000,
});
// });

$('.bhousev2_sec07_slide').slick({
  infinite: true,
  slidesToShow: 4,
  slidesToScroll: 1,
  prevArrow: '<div class="slick-prev"><img class="img-fluid" src="/img/bhousev2_img/arrowleft.png" alt=""></div>',
  nextArrow: '<div class="slick-next"><img class="img-fluid" src="/img/bhousev2_img/arrowright.png" alt=""></div>',
  responsive: [
    , {
      breakpoint: 768,
      settings: {
        arrows: false,
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    , {
      breakpoint: 767,// RWD在600寬度時切換顯示數量
      settings: {
        arrows: true,
        slidesToShow: 1,
        infinite: false,

      }
    },
  ]
});

$('.bhousev2_sec04_slide').slick({
  infinite: true,
  slidesToShow: 1,
  // slidesToScroll: 1
  dots: true,
  prevArrow: '<div class="slick-prev"><img class="img-fluid" src="/img/bhousev2_img/arrow-left.png" alt=""></div>',
  nextArrow: '<div class="slick-next"><img class="img-fluid" src="/img/bhousev2_img/arrow-right.png" alt=""></div>',
  responsive: [
    , {
      breakpoint: 767,// RWD在600寬度時切換顯示數量
      settings: {
        slidesToShow: 1,
        infinite: true,
        dots: false,
      }
    },
  ]
});

// function changeIcon(e) {
//   const item = document.querySelector('[data-toggle-class]');
//   item.className === "close-btn" ? item.className = "navbar-toggler-icon" : item.className = "close-btn";
// }

// $(document).on("click", "#menutoggle", function (event) {
//   $('.nav-mobile ').toggleClass("bg-3C7062")

// });

var targetElement = document.getElementById('target');
var isTriggered = false;

function animateNumber(targetElement, startValue, endValue, duration) {
  var currentVal = startValue;
  var increment = (endValue - startValue) / (duration / 30);

  var timer = setInterval(function () {
    currentVal += increment;

    var currentVal2 = formatNumberWithCommas(currentVal);

    console.log(currentVal2);

    targetElement.textContent = currentVal2;



    if (currentVal >= endValue) {
      var endValue2 = formatNumberWithCommas(endValue)
      targetElement.textContent = endValue2;
      clearInterval(timer);
      return;
    }
  }, 32);
}

function handleScroll() {
  if (!isTriggered) {
    // 执行你的函数或操作
    console.log("触发函数一次");

    // 在函数中取消滚动事件监听，确保函数只触发一次
    animateNumber(targetElement, 1000, 2500, 2000);
    isTriggered = true;
  }
}

window.addEventListener('scroll', function () {
  // 获取目标 HTML 元素的位置信息
  var targetPosition = targetElement.getBoundingClientRect().top;

  // 检查元素位置是否进入视窗范围
  if (targetPosition <= window.innerHeight) {
    handleScroll();
  }
});




function formatNumberWithCommas(number) {
  var integerPart = Math.floor(number); // 取整数部分
  var formattedIntegerPart = integerPart.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  return formattedIntegerPart;
}

var number = 25000;
var formattedNumber = formatNumberWithCommas(number);

// console.log(formattedNumber); // 输出: "25,000"

var number2 = 2500;
var formattedNumber2 = formatNumberWithCommas(number2);