倒数计时器到倒计时

Countdown timer to Countup

本文关键字：倒计时 计时器 倒数      更新时间：2023-09-26

大家好，我有这个倒计时脚本，但我希望它计数，而不是更新div 跨度，而是更新进度条的值。

.HTML 

<progress value="**UPDATE THIS**" max="780"></progress>

脚本

var sec = $('#update span').text(), secInit = sec;
        var timer = setInterval(function() {
            $('#update span').text(--sec);
            if (sec == 0) {
                sec = secInit;
                $.ajax({
                    url: "{{ url('/user/update') }}",
                    type: "GET",
                    data: { 'id' : {{ Auth::user()->id }} }
                });
            }
        }, 1000);

知道吗？

谢谢蒂亚戈

为进度条指定一个 ID，例如

<progress id="progress-bar" value="**UPDATE THIS**" max="780"></progress>

并使用一些JavaScript每秒更改值，例如。

var timer = setInterval(function() {
            var progbar = document.getElementById("progress-bar");
            progbar.value = progbar.value < 780 ? +progbar.value + 1 : 0;
        }, 1000);

小提琴

相关文章：