js高级程序设计（第三版）总结--日期/时间组件方法（获得系统时间实例）

最新推荐文章于 2022-10-29 16:31:20 发布

lily2016n

最新推荐文章于 2022-10-29 16:31:20 发布

阅读量209

点赞数

分类专栏： js高级程序设计（第三版）总结

本文链接：https://blog.csdn.net/lily2016n/article/details/79088379

版权

js高级程序设计（第三版）总结专栏收录该内容

9 篇文章 0 订阅

订阅专栏

详细说明

这里写图片描述

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="timeo"></div>

</body>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">

    function p(s){
        return s < 10 ? '0' + s:s;
    };//小于10时自动前面补0

    function fun(){
        var now = new Date();
        // var times = now.getTime();
        var year = now.getFullYear(); //获取年（取得4位数的年 2019）
        var month = now.getMonth() + 1;//获取月（其中0表示一月，11表示十二月，所以在这里 +1 01）
        var date = now.getDate(); //获取日期（1-31天 17）
        //var todey = now.getDay();//星期几
        var hours = now.getHours();//小时（0-23）
        var mm = now.getMinutes();//分钟（0-59）
        var ss = now.getSeconds();//获取s（0-59）
        // console.log(s);
        // console.log(now);
        var time = year +'-'+ p(month) +'-' + p(date) + "&nbsp;" + p(hours) +':' + p(mm) + ':' + p(ss) ;
        $('#timeo').html(time);
    }
    fun();
    setInterval(fun,1000)   
</script>
</html>

效果如下

这里写图片描述

lily2016n

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js高级程序设计（第三版）总结--日期/时间组件方法（获得系统时间实例）

详细说明实例：html lang="en">head> meta charset="UTF-8"> title>title>head>body> div id="timeo">div>body>script type="text/javascript" src="jquery-1.8.2.min.js">script>script type="t
复制链接

扫一扫