jQuery实现时钟效果

最新推荐文章于 2022-05-11 00:00:00 发布

vx17629341185

最新推荐文章于 2022-05-11 00:00:00 发布

阅读量341

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/weixin_43424506/article/details/102770240

版权

jQuery实现时钟效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            width: 400px;
            height: 100px;
            
        }
    </style>
    <script src="jquery.js"></script>
</head>
<body>

<center>
    <h3>当前时间</h3>
<p id="show"></p>
</center>
<script>

        function setTime() {
            var data = new Date();
            var hh = data.getHours();
            mm = data.getMinutes();
            ss = data.getSeconds();
            data = data.getDate();
            if(ss < 10){
                ss = "0"+ss
            }
            $("#show").text(hh+":"+mm+":"+ss);
        }
        //设置时间间隔
        setInterval(setTime, 1000);


</script>


</body>
</html>

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

vx17629341185

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现时钟效果

jQuery实现时钟效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> p{ width: 400px; ...
复制链接

扫一扫