前端初级开发笔试题——用js编写一个时钟实例

最新推荐文章于 2024-06-26 19:39:06 发布

bboyjoe

最新推荐文章于 2024-06-26 19:39:06 发布

阅读量3.5k

点赞数

分类专栏： javascript 文章标签： javascript 面试

本文链接：https://blog.csdn.net/bboyjoe/article/details/48609899

版权

javascript 专栏收录该内容

54 篇文章 2 订阅

订阅专栏

一般出题形式是要面试者在html页面中填写js代码，比较钻牛角尖的还必须用原生js写（有些面试官就是这样，认为写原生js显得比较牛一些），本人认为没有多大必要，编程的出现本身就是为了提高效率，有jQuery干嘛不用。

这题看似比较简单，实则主要考察面试者对函数的调用，以及js内置函数的常用方法的使用，另外如果对时间格式进行修正会加分，此题如能顺利通过，面试官一般会认定基础尚可（一线城市可获得不低于6k的薪水）。

下附代码：

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>时钟实例</title>
    <script src="js/jquery-2.1.3.min.js"></script>
</head>
<body>
<div id="clock"></div>
<script>
    $(document).ready(function(){
        $(window).load(function(){
            getTime();
        })
        function getTime(){
            var today=new Date();
            var h=today.getHours();
            var m=today.getMinutes();
            var s=today.getSeconds();
            m=checkTime(m);
            s=checkTime(s);
            $("#clock").text(h+":"+m+":"+s);
            setTimeout(function(){
                getTime();
            },1000);
        }
        function checkTime(i){
            if(i<10){
                i="0"+i;
            }
            return i;
        }
    });
</script>
</body>
</html>