html 剩余时间 自动减,html5视频倒计时剩余时间_javascript_开发99编程知识库

我最終解決了這個問題$oVideo.bind('timeupdate', function() {

var currVideo = document.getElementById("vPlayer");

//console.log(video.attr('id'));

var iNow = currVideo.currentTime;

//console.log(iNow);

var countdown = eval(currVideo.duration - iNow);

//countdown = countdown/3600;

$('.decr-time').html('-' + rectime(countdown));

if (!bTimeSlide) {

$oTimeSlider.slider('value', iNow);

}

});

嘿，我想提前感謝大家。

我需要為HTML5視頻創建一個倒計時計時器。 這是我能拼湊在一起的。 我非常感激任何能幫助我解決這個問題的人。 我的控制台沒有顯示倒計時的錯誤；但是我的倒計時不能正常工作。//count down

$oVideo.bind('duration', function() {

var countdown = $oVideo.duration - $oVideo.currentTime;

$down.text(rectime(countdown));

if (! bTimeSlide)

$oTimeSlider.slider('value', countdown);

});

這裡是一個javaScript的snippitvar $oMain = $(this);

var $oVideo = $('video', $oMain);

var $oTimeSlider = $('.time_slider', $oMain);

var $oTimer = $('.timer', $oMain);

var $down = ('.decr-time', $oMain);

var bTimeSlide = false;

//count up

$oVideo.bind('timeupdate', function() {

var iNow = $oVideo[0].currentTime;

$oTimer.text(rectime(iNow));

if (! bTimeSlide)

$oTimeSlider.slider('value', iNow);

});

///count down

$oVideo.bind('duration', function() {

var countdown = $oVideo.duration - $oVideo.currentTime;

$down.text(rectime(countdown));

if (! bTimeSlide)

$oTimeSlider.slider('value', countdown);

});

HTML

00:00

-00:00