在页面动态显示本地时间

最新推荐文章于 2022-03-05 13:31:00 发布

彭小彭~

最新推荐文章于 2022-03-05 13:31:00 发布

阅读量447

点赞数

本文链接：https://blog.csdn.net/qq_41942413/article/details/100580050

版权

1.想实现本地动态显示时间：就要页面一直调用函数来获取本机上的时间，所以就要使用定时器（setintval函数）每个一秒刷新一下。
1.1在实现效果之前，要了解一下setInterval（)这个函数：setInterval是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭，函数才会停止调用，废话不多说上代码。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script src="Js/jquery-1.7.1.js"></script>
<style type="text/css">
    #Date{
        width:350px;
        height:20px;
        border:3px solid gray;
    }
</style>
<script type="text/javascript">
    $(document).ready(function () {
        setInterval("settime()", 1000);//每隔一秒，触发一下settime()方法
    });
   
    function settime() {
        var date = new Date();
        var year = date.getFullYear(); //获取当前年份
        var mon = date.getMonth() + 1; //获取当前月份
        var da = date.getDate(); //获取当前日
        var day = date.getDay(); //获取当前星期几
        var h = date.getHours(); //获取小时
        var m = date.getMinutes(); //获取分钟
        var s = date.getSeconds(); //获取秒
        var datenow='当前时间:' + year + '年' + mon + '月' + da + '日' + '星期' + day + ' ' + h + ':' + m + ':' + s
        $("#Date").text(datenow);
    }
   
</script>

彭小彭~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在页面动态显示本地时间

1.想实现本地动态显示时间：就要页面一直调用函数来获取本机上的时间，所以就要使用定时器（setintval函数）每个一秒刷新一下。1.1在实现效果之前，要了解一下setInterval（)这个函数：setInterval是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭，函数...
复制链接

扫一扫