Tạo Animation Count số điếm tăng từ A đến B trong javascript như thế nào?

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 8/5/22.

  1. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    872
    Đã được thích:
    75
    Điểm thành tích:
    28
    hi mọi người, mình đang muốn tạo 1 cái function Animation số điếm nó tự tăng khi được load lên. VD: mình muốn số tự động tăng từ 10 đến 100 khi nó load chạy cho người dùng thấy số cho đẹp ý. Sử dụng javascript cảm ơn mọi người.
     
    Cảm ơn đã xem bài:

    Tạo Animation Count số điếm tăng từ A đến B trong javascript như thế nào?

  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,557
    Đã được thích:
    1,109
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Đây bạn nhé, đoạn code javascript mình cũng hay xài:
    HTML:
    function animateValue(obj, start, end, duration) { //số thứ tự chạy tăng hoặc chạy giảm
        let startTimestamp = null;
        const step = (timestamp) => {
            if (!startTimestamp) startTimestamp = timestamp;
            const progress = Math.min((timestamp - startTimestamp) / duration, 1);
            obj.innerHTML = Math.floor(progress * (end - start) + start).toLocaleString('en-US').replace(',','.');
            if (progress < 1) {
            window.requestAnimationFrame(step);
            }
        };
        window.requestAnimationFrame(step);
    }
    try{
        const obj_value = document.getElementById('valueadd');
        animateValue(obj_value, 0, 1000, 5000);
    }
    catch (err) { }
    
     
  3. Quyenj

    Quyenj Thành Viên Mới

    Tham gia ngày:
    11/5/22
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Dịch vụ lắp đặt camera tại nhà, nếu bạn quan tâm hãy liên hệ....
     


Like và Share ủng hộ ITSEOVN