利用jquery实现当前时间动态显示

最新推荐文章于 2023-08-30 14:15:33 发布

菲宇

最新推荐文章于 2023-08-30 14:15:33 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： python项目实战

本文链接：https://blog.csdn.net/bbwangj/article/details/105850045

python项目实战专栏收录该内容

6 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何通过jQuery实现网页上当前时间的实时更新。通过HTML创建时间显示元素，然后用jQuery代码进行时间的获取与动态展示。

html代码：<div id="time"></div>

jQuery代码

<script type="text/javascript">
  setInterval(function() {
      var now = (new Date()).toLocaleString();
      $('#time').text(now);
  }, 1000);
</script>

<html>
<head>
<title>随鼠标一起动的动画特效简单实现</title>
</head>
<body>
	<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99"  src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</body>
</html>