HTML5 滑动条js代码怎么写?

年龄2文本框中随年龄1滑动条的滑动而显示相应数值的js的代码怎么写?求大佬解答。... 年龄2文本框中随年龄1滑动条的滑动而显示相应数值的js的代码怎么写?求大佬解答。 展开
 我来答
吃货美食汇
2018-03-12 · 超过33用户采纳过TA的回答
知道答主
回答量:55
采纳率:93%
帮助的人:10.3万
展开全部

强大的HTML5提供了一种新的标签<progress>,只需要通过该标签+简单的js,即可以实现进度条滚动的效果。

代码如下:

HTML

1

<progress max="100" value="0" id="pg"></progress>

这个标签意义很明确,并且属性只有以上两个,max表示需要完成的任务量,value是目前完成的任务量。

js

12345

var pg=document.getElementById('pg'); setInterval(function(e){      if(pg.value!=100) pg.value++;      else pg.value=0;},100);

以上的实现方式不仅更加的语义化,同时也极大的简化了我们的代码,并且灵活性更高,所以熟练使用HTML5是非常有必要的!

不过HTML5标签的浏览器兼容性也是我们需要考虑的一个问题,所以如果网页需求的兼容性比较高的话,特别是对低版本IE有兼容需求的话,那么HTML5的标签就不太适用了。以下为<progress>的浏览器支持情况。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式