用JS計算預計時間與現在時間的差

最後更新：2017-02-14 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：split doc highlight utf-8 table cti link boot title

1.我用的是bootstrap網格布局，首先要引入bootstrap類。

（1）<script src="jquery-1.11.2.min.js"></script>

（2）<script src="bootstrap.min.js"></script>

（3）<link href="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="jquery-1.11.2.min.js"></script><script src="bootstrap.min.js"></script><link href="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計算預計時間與現在時間的差

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

用JS計算預計時間與現在時間的差

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support