在大多数项目中都会有涉及到时间计算的问题,比如一些买票,开房,订餐都会有涉及到时间的问题,也就有时间计算的问题,所以下面要讲的就是如何计算时间。因为时间不能直接作运算,所以就需要用代码做一些处理,将时间统一化,再作运算。下面就来看看实例吧。
1、 首先是搭建页面,代码如下图所示:
四个input标签,两个date类型和两个time类型,分别有对应的id,然后就是一个按钮,通过按钮来触发时间计算,再将其显示在一个禁用的input标签上。这里为了整齐就给input标签一个统一的宽度。效果如下图所示:
2、 页面就如上图所示了,接下来就是JS代码,将时间做一个运算,分别计算出天数、小时、分钟和秒,最后再拼接在一起,就得出了两个时间的差值。当结束时间比开始时间小的时候,这个差值也是能计算出来的,只是结果为负数,就像普通的数学运算一样。反之,结果也就是正数。下面就来看看代码吧,如下图所示:
可以看到图中代码是先获取到开始日期时间和结束日期时间,然后再计算得出一个总秒数,再接着就分别算出天数,小时数、分钟数和秒数。
最后效果如下图所示:
看到效果就是这样了,日期和时间都是可以随意选的,点击计算就能看到结果了。以上就是一个时间计算的方法,可供大家学习参考。