JS实现时分秒日周毫秒转换

最新推荐文章于 2021-07-22 15:45:57 发布

原创最新推荐文章于 2021-07-22 15:45:57 发布 · 424 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS #JavaScript #jQuery

JavaScript 同时被 3 个专栏收录

11 篇文章

订阅专栏

MVC

5 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的时间单位转换工具，包括毫秒、秒、分钟、小时、天和周之间的相互转换。通过选择不同的时间单位，用户可以输入一个时间值，然后选择目标单位进行转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS实现时分秒日周毫秒转换

<body>
    <div id="as"style="width:300px;height:300px"> 
        <select id="zhuan" style="width:300px;">
            <option value="0">毫秒</option>
            <option value="1">秒</option>
            <option value="2">分</option>
            <option value="3">时</option>
            <option value="4">日</option>
            <option value="5">周</option>     
        </select>
        <div id="zhi"style="width:300px;">
            
        </div>
    </div>
    <div id="" style="width:300px;float:right">
        <select id="huan" style="width:300px;">
            <option value="0">毫秒</option>
            <option value="1">秒</option>
            <option value="2">分</option>
            <option value="3">时</option>
            <option value="4">日</option>
            <option value="5">周</option>
        </select>
        <div id="zhi2" style="width:300px;">

        </div>
    </div>
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
    <script src="~/Content/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script>
        var zu = [, ];
        window.onload = function () {
            $("#as").append("<div></div>");
            $("#as").append("<div>CE</div>");
            $("#as").append("<div onclick='xiaochu()'>×</div>")
            for (var i = 9; i >= 0; i--) {
                $("#as").append("<div id='"+i+"'onclick='dianji(this)'>"+i+"</div>")
            }
            $("#as").append("<div id='.'onclick='dianji(this)'>.</div>");
        }
        var shu = "";       
        function dianji(t) {
            var kai = true;
            var d = t.id;
            var s = shu.indexOf(".");
            if (s>0) {
                kai = false;
                if (d==".") {

                } else {
                    kai = true;
                }
            }           
            if (kai == true) {
                shu += d;
                $("#zhi").text(shu);
                ceshi()
            }
          
        }
        function xiaochu() {
            var i = shu.length;
            var x = shu.charAt(i - 1);
           shu= shu.replace(x, "");
            $("#zhi").text(shu);
        }
        function ceshi() {
            var q = "";
            var o = "";
            var shuzu = [1000, 60, 60, 24, 7];
            var zhi1 = shu;
            var zhuan = $("#zhuan").val();
            var huan = $("#huan").val();
            if (zhuan < huan) {
                
                for (var i = 0; i < shuzu.length; i++) {             
                    if (i < huan && i >= zhuan) {
                        var s = shuzu[i];
                        if (i < (huan) - 1) {
                            q += (s + "\*");
                        } else {
                            q += s;
                        }
                    }else {
                        
                    }                 
                }
                 o =eval(q);
                $("#zhi2").text(zhi1 / o);
            } else if (zhuan > huan) {
                for (var i = 0; i < shuzu.length; i++) {
                    if (i < zhuan && i >= huan) {
                        var s = shuzu[i];
                        if (i < (zhuan) - 1) {
                            q += (s + "\*");
                        } else {
                            q += s;
                        }
                    } else {

                    }
                }
                 o = eval(q);
                $("#zhi2").text(zhi1 * o);
            } else if (zhuan == huan) {
                $("#zhi2").text(zhi1);
            }
        }
        
    </script>
</body>

效果图：
在这里插入图片描述