网页实时显示当前时间 html+js
发布日期：2021-05-07 18:23:32
浏览次数：17
分类：原创文章
本文共 506 字，大约阅读时间需要 1 分钟。
效果：
在网页上能实时显示当前的时间：
这个秒会一直走的。
实现代码
1.在body标签里添加如下代码：
<body onload="time()"></body>2.定义一个盒子标签来显示时间，也可以用其它标签，id设为“showtime”，如：
<h2 id="showtime"></h2>3.js代码实现功能：
<script>/* 时间 */function time() { t_div = document.getElementById('showtime'); var now = new Date() t_div.innerHTML = now.getFullYear() + "/" + (now.getMonth() + 1) + "/" + now.getDate() + "/" + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + ""; setTimeout(time, 1000);}</script>js代码可以让在body标签的结尾
总结
这样便可显示时间了，嘿嘿嘿~~
发表评论
最新留言
表示我来过！
[***.240.166.169]2025年03月17日 15时36分57秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
第十一届蓝桥杯python组第二场省赛-数字三角形
2021-05-07
数字三角形的无返回值的深度优先搜索解法
2021-05-07
完全背包问题的简化思路
2021-05-07
Jquery添加元素
2021-05-07
Jquery使用需要下载的文件
2021-05-07
Spring中如何传递参数的问题
2021-05-07
BST中某一层的所有节点（宽度优先搜索）
2021-05-07
广度优先搜索
2021-05-07
对于递归的理解
2021-05-07
猜字母
2021-05-07
Linux网络环境配置（设置ip地址）
2021-05-07
Idea使用Spring Initializr来快速创建springboot项目
2021-05-07
C++邻接表存储图的深度优先搜索
2021-05-07
Dijkstra算法的总结
2021-05-07
前后端通信问题 —— SpringBoot+LayUI
2021-05-07
ubuntu中安装scikit-learn
2021-05-07
C/C++ new和delete使用注意事项
2021-05-07
性能调优优化思路
2021-05-07
CodeBase（四）项目总结
2021-05-07
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457202517 位访客
访问时间: 2025-04-16 03:22:33
访问IP: 18.222.252.132
Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1
手机版