JavaScript--將秒數換算成時分秒


getTime()  返回距 1970 年 1 月 1 日之間的毫秒數

new Date(dateString) 定義 Date 對象的一種方式

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
        <link rel="stylesheet" href="My97DatePicker/skin/WdatePicker.css" />
        <title></title>
        <script type="text/javascript">
            var timeStr = ""; //轉換后的時間字符串
            var secondTime = ""; //時間差的秒數
            var minuteTime = ""; //時間差的分鍾數
            var hourTime = ""; //時間差的小時數
            $(function() {
                $("#btn").click(function() {
                    var startTime = $("#startTime").val();
                    if(startTime == "") {
                        $("#errormsg").html("<p>開始時間不能為空!<p>");
                        return;
                    }
                    var endTime = $("#endTime").val();
                    if(endTime == "") {
                        $("#errormsg").html("<p>結束時間不能為空!<p>");
                        return;
                    }
                    
                    $("#errormsg").hide();   //隱藏div

                    var st = new Date(startTime);
                    var et = new Date(endTime);

                    if(st > et) {
                        alert("結束時間必須大於開始時間!");
                        return;
                    }

                    var endMilliseconds = et.getTime();
                    var startMilliseconds = st.getTime();
                    secondTime = (endMilliseconds - startMilliseconds) / 1000

                    //如果秒數大於60,將秒數轉換成整數
                    if(secondTime > 60) {
                        //獲取分鍾,除以60取整數,得到整數分鍾
                        minuteTime = parseInt(secondTime / 60);
                        //獲取秒數,秒數取佘,得到整數秒數
                        secondTime = parseInt(secondTime % 60);
                        //如果分鍾大於60,將分鍾轉換成小時
                        if(minuteTime > 60) {
                            //獲取小時,獲取分鍾除以60,得到整數小時
                            hourTime = parseInt(minuteTime / 60);
                            //獲取小時后取佘的分,獲取分鍾除以60取佘的分
                            minuteTime = parseInt(minuteTime % 60);
                            timeStr = hourTime + "小時" + minuteTime + "" + secondTime + "";
                        } else {
                            timeStr = minuteTime + "" + secondTime + "";
                        }
                    } else {
                        timeStr = secondTime + ""; //賦值持續時間
                    }
                    
                    $("#errormsg").html("時間差為:"+timeStr);
                    $("#errormsg").show();   //顯示div
                })
            })
        </script>
    </head>

    <body>
        <span>開始時間:</span><input id="startTime" class="Wdate" type="text" onclick="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" /><br /><br />
        <span>結束時間:</span><input id="endTime" class="Wdate" type="text" onclick="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" /><br /><br />
        <button id="btn">點擊確定</button>
        <div id="errormsg" style="color: red;"></div>
    </body>

</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM