js jq 判断视频播放进度

这篇博客主要介绍如何利用JavaScript和jQuery库来监测HTML视频元素的播放进度,为用户提供更丰富的交互体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

	<div id="current">当前时长:0:00</div>
<div id="duration">总时长:0:00</div>
<span id="pro"></span>
<div class="progress progress-striped active" style="width:100">
    <span id="hyTime" class="progress-bar progress-bar-success"  role="progressbar"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"      >
    </span>	   
</div> <span id="hy" ></span>

 <script type="text/javascript">
		$(document).ready(function(){
		
		  $("#video-active").on(
		    "timeupdate", 
		    function(event){
		      onTrackedVideoFrame(this.currentTime, this.duration);
		    });
		});
		function onTrackedVideoFrame(currentTime, duration){
		
		    $("#current").text(currentTime);
		    $("#duration").text(duration);
		    var a=currentTime/duration;
		    var b=(a*100).toFixed(0)+"%";
		    document.getElementById('hyTime').style.width=b;
		    $("#hy").text(b);
		    if(currentTime==duration){
		   
### 关于阿里云租赁GPU配置与价格 #### 阿里云ECS实例概述 阿里云提供多种类型的弹性计算服务(ECS),其中包括专门针对高性能计算需求设计的GPU加速型实例。这些实例适用于机器学习、深度学习以及其他需要强大并行处理能力的应用场景[^1]。 #### GPU实例类型及其特点 阿里云提供了同规格的GPU实例来满足多样化的业务需求,主要分为以下几个系列: - **GN5/GN5i系列**: 基于NVIDIA Tesla P100显卡, 使用最新的Pascal架构,适合高吞吐量和低延迟的工作负载。 - **GN6/GN6v系列**: 配备NVIDIA Volta V100 GPUs, 提供更高的浮点运算能力和Tensor Core技术支持,非常适合大规模AI模型训练。 - **GA1系列**: AMD Radeon Instinct MI25驱动下的图形渲染优化解决方案,对于特定领域如视频编码解码也有错表现[^2]。 每种型号都有对应的CPU核心数、内存大小以及存储选项可供选择,具体参数可以根据实际应用场景灵活调整。 #### 定价策略 阿里云采用按需付费模式,用户可以按照小时或者包年包月的方式购买资源。以下是影响最终计费金额的主要因素: - 实例规格(决定基础单价): 同代际及数量的GPU会产生差异化的收费标准; - 地域位置: 各地区数据中心之间可能存在细微差别; - 操作系统镜像种类: Linux发行版通常免费而Windows则额外加收授权费用; - 数据盘容量及时长等因素也会计入总账单之中[^3]。 值得注意的是,在使用期间可以通过停止实例来暂停计费,仅保留少量基本维护开销;当再次启动时又能迅速恢复到之前状态继续工作流程,从而有效控制整体支出水平[^4]。 ```bash # 示例命令用于查询当前区域可用区内的gpu实例详情 aliyun ecs DescribeInstanceTypes --RegionId cn-hangzhou \ --Filter.1.Name instance-family \ --Filter.1.Value gn5 ``` 以上脚本展示了如何利用官方CLI工具获取指定家族下所有可能的选择列表,便于开发者做出最合适决策前充分了解各项细节信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

运营侠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值