html+css+js制作时间倒计时（时分秒）简易版

效果图展示：

1、先了解获取时间的函数

Date()：获取当前系统时间

//获取当前系统时间  
var date = new Date();  

2、获取时间的方法

getHours()：获取小时值
getMinutes()：获取分钟值
getSeconds()：获取秒数值

var hours = date.getHours();//时
var minutes= date.getMinutes();//分
var seconds= date.getSeconds();//秒

3、解题思路

倒计时也就是当前时间（开始时间）到目标时间（结束时间）的一个差值。所以我们只需要获取这两个时间即可，一般目标时间都为自定义时间。

4、完整代码

js部分： 这里目标时间设为20：00,如果当前时间错过了目标时间，就计算距离第二天与目标时间点的差值。

<script type="text/javascript">  
        function countTime() {
     
            //获取当前时间  
            var date = new Date();  
            var hours = date.getHours();//时
            var minutes= date.getMinutes();//分
            var seconds