html5播放器里怎么控制播放控制条的显示时间

Video对象可以通过 ontimeupdate 事件来报告当前的播放进度，如果监听了这个事件，视频每播放一秒都会执行一次该事件；

video对象可以通过获取 currentTime 属性值来得到当前播放的时间；

var video = documentgetElementById('video');

videoontimeupdate = function(){    // 监听事件

    var currentTime = Mathfloor(videocurrentTime);    // 取得当前播放的时间，由于 currentTime 返回的是个浮点数，所以要向下取整

    if (currentTime == 60) {    // 播放到60秒

        videosetAttribute('controls','controls');

        alert('60s');

    }

}

<script language="javascript" type="text/javascript">

var enabled = 0; today = new Date();

var day; var date;

if(todaygetDay()==0) day = "星期日 "

if(todaygetDay()==1) day = "星期一 "

if(todaygetDay()==2) day = "星期二 "

if(todaygetDay()==3) day = "星期三 "

if(todaygetDay()==4) day = "星期四 "

if(todaygetDay()==5) day = "星期五 "

if(todaygetDay()==6) day = "星期六 "

documentfgColor = " FF0072";

date1 =(todaygetMonth() + 1 ) + "月" + todaygetDate() + "日 " ;

date2 = day ;

documentwrite(date1fontsize(2));

documentwrite(date2fontsize(2));

documentwrite("<span id='clock'></span>");

var now,hours,minutes,seconds,timeValue;

function showtime(){

now = new Date();

hours = nowgetHours();

minutes = nowgetMinutes();

seconds = nowgetSeconds();

timeValue = (hours >= 12) " " : " ";

timeValue += hours+ ":";

timeValue += ((minutes < 10) "0" : "") + minutes + ":";

localStorage 没有提供直接设置时效的处理方式，只能在存值的时候额外保存一个时间作为时效时间，取值的时候再根据时效时间去判断是否过期，如果过期则废弃内容弄并销毁，如果没过期就可以拿出来使用；

至于保存的方式，有很多种，随便选一种；

以下以 JSON 字符串为例：

开始之前取时间戳,结束是再取,求差

<canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。

<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步：

获取<canvas>元素对应的DOM对象，这是一个Canvas对象；

调用Canvas对象的getContext()方法，得到一个CanvasRenderingContext2D对象；

调用CanvasRenderingContext2D对象进行绘图。

以上就是关于html5播放器里怎么控制播放控制条的显示时间全部的内容，包括:html5播放器里怎么控制播放控制条的显示时间、如何在html网站上显示时间、html5 的 localStorage 可否设置数据的时效时间等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！