js 时分秒 转换为 秒

这段HTML代码展示了如何通过JavaScript实现将时分秒格式转换为秒数的功能。页面包含一个输入框用于输入时分秒值,点击按钮后,转换结果会显示在文本框中。代码中定义了`formatHMStoS`函数进行转换,然后在`a`函数中调用该函数并将结果赋值给目标输入框。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
</head>

<body>
	<p>
		<script>
			function formatHMStoS(value) {
				var h, m, s = 0
				if (value.indexOf("时") != -1) {
					h = value.split("时")[0];
					m = value.split("时")[1].split('分')[0];
					s = value.split("时")[1].split('分')[1].split('秒')[0];
				} else if (value.indexOf("时") == -1) {
					if (value.indexOf("分") == -1) {
						h=0
						m=0
						s = value.split('秒')[0];
					} else {
						h=0
						m = value.split('分')[0];
						s = value.split('分')[1].split('秒')[0];
					}
				}
				var ss = h * 60 * 60 + m * 60 + s * 1;
				return ss;
			}
			function a(value) {
				document.getElementById("tar2").value = formatHMStoS(value);
			}
		</script>
	</p>
	<p>
		<input id=hms value="2时3分5秒" />
		<input type="button" value="时分秒===>秒" onClick="a(document.getElementById('hms').value)" />
		<input type="text" id="tar2" />
	</p>
</body>

</html>

以上代码新建html页面后全部替换即可运行
演示效果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
END

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值