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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,028
    Đã được thích:
    80
    Điểm thành tích:
    48
    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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,895
    Đã được thích:
    1,198
    Đ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
    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ệ....
     


Chủ để tương tự : Tạo Animation
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Second Counter JavaScript, tạo biên điếm tự động tăng trong JavaScript 8/10/22