jsp实现时间倒计时功能

计算时间
<%
  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)
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值