首页 > 代码库 > 用JS计算预计时间与现在时间的差
用JS计算预计时间与现在时间的差
1.我用的是bootstrap网格布局,首先要引入bootstrap类。
(1)<script src="http://www.mamicode.com/jquery-1.11.2.min.js"></script>
(2)<script src="http://www.mamicode.com/bootstrap.min.js"></script>
(3)<link href="http://www.mamicode.com/bootstrap.min.css" rel="stylesheet" type="text/css"/>
2.制作表格
3.网格布局.我用col-xs是最小可以在手机大小实现不乱
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>退房提醒</title> <script src="http://www.mamicode.com/jquery-1.11.2.min.js"></script> <script src="http://www.mamicode.com/bootstrap.min.js"></script> <link href="http://www.mamicode.com/bootstrap.min.css" rel="stylesheet" type="text/css"/></head><body> <div class="container"> <br /> <div class="row"> <div class="col-xs-12">退房提醒</div> <div class="col-xs-0"></div> </div> <div class="row"> <div class="col-xs-12"> <table class="table" border="1" cellpadding="1" cellspacing="2"> <thead> <tr class="success"> <th>序号</th> <th>房间号</th> <th>客户姓名</th> <th>预计退房时间</th> <th>操作</th> </tr> </thead> <tbody id="neirong"> </tbody> </table> </div> </div> </div> </body>
运行结果:
4.用ajas实现功能:
<script type="text/x-javascript"> $.ajax({ url:"tixingchuli.php", dataType:"TEXT", type:"POST", success: function(bb){ } }); </script></html>
5.做处理页面
tixingchuli.php
<?phpinclude("DBDA.class.php");//引入类$db = new DBDA();$sql = "select * from ruzhu";//访问数据库ruzhu表里所有$ab = $db->StrQuery($sql);echo $ab;?>
6.回到主页面给取到的字符串拆分
$.ajax({ url:"tixingchuli.php", dataType:"TEXT", type:"POST", success: function(bb){ //alert(bb); var hang=bb.split("|"); var str=""; var da=new Date(); for(var i=0;i<hang.length;i++) { var lie=hang[i].split("^"); var aa=Date.parse(new Date(lie[10]));//取回来的数据转换为时间戳 var cha=da.getTime()-aa;//求当前时间与预留时间的差。用当前时间减去预计时间就求出他们的差 var cha1=Math.ceil(cha/3600000);//用Math.ceil();方法向上取整。再除以24就取的天 str=str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[3]+"</td><td>"+lie[10]+"</td><td>还剩"+cha1+"小时</td></tr>"; } $("#neirong").html(str); } });
</script>
</html>
用JS计算预计时间与现在时间的差
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。