html为视频设置素材图片并显示播放时间的代码_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<script>标签中，输入js代码：setTimeout(fun,120*1000)functionfun(){$('video').attr('controls',1)}3、浏览器运行index.html页面，此时运行2分钟后，才会显示出控制条。

<html>

<body>

</div>

var myDate = new Date()

var hour = myDate.getHours()

if(hour >=5 &&hour <8)

{

var img = "1.jpg"

}else if(hour >=8 &&hour <11)

{

var img = "2.jpg"

}else if(hour >=11 &&hour <13)

{

var img = "3.jpg"

}else if(hour >=13 &&hour <17)

{

var img = "4.jpg"

}else if(hour >=17 &&hour <20)

{

var img = "5.jpg"

}else if(hour >=20 &&hour <24)

{

var img = "6.jpg"

}else if(hour >=0 &&hour <4)

{

var img = "7.jpg"

}

document.getElementById("img").innerHTML ="<img src='"+img+"'>"

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html为视频设置素材图片并显示播放时间的代码