jsp实现时间倒计时功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lys1220/article/details/81130856
计算时间
<%
  long current_time=System.currentTimeMillis();//系统时间
  Date end_time5= DateUtil.toDate("2018-7-20 20:00:00");//设定的时间(此处可以直接得到long类型也可以,根据业务需求改变)
  long end_time = end_time5.getTime();
  long time=end_time-current_time;
 %>

  <script type="text/javascript">
    var second = <%= time / 1000%>; // 剩余秒数
    // 写一个方法,将秒数专为天数
    var toDays = function(){
         var s = second % 60; // 秒
         var mi = (second - s) / 60 % 60; // 分钟
         var h =  ((second - s) / 60 - mi ) / 60 % 24; // 小时
         var d =  (((second - s) / 60 - mi ) / 60 - h ) / 24; // 天
        return "剩余:" + d + "天" + h + "小时" + mi + "分钟" + s + "秒";
    };

    //然后写一个定时器
    $(document).ready(function(){//这一行是页面加载完成后,执行此定时器(也可以去掉)
    window.setInterval(function(){//定时器
         second --;
         document.getElementById("showTimes").innerHTML = toDays ();//写入到div中
    }, 1000);
    });
  </script>

  <div id="showTimes"></div>


页面效果:
![这里写图片描述](https://img-blog.csdn.net/20180720134732808?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5czEyMjA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
阅读更多
换一批

没有更多推荐了,返回首页