在js中显示一个时钟

最新推荐文章于 2024-06-17 15:58:06 发布
最新推荐文章于 2024-06-17 15:58:06 发布
阅读量2.6k 收藏 4
点赞数
分类专栏： js系列——原生js 文章标签： jsp javascript 动态时间
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_java_cc/article/details/50518917
版权

实现在jsp页面中显示一个动态时钟，每隔500毫秒刷新一次，刷新时间也可以自己设置，不废话，直接上代码吧!

<srcipt>
function startTime() {
		var today = new Date();
		var y = today.getFullYear();
		var m = today.getMonth() + 1;
		var d = today.getDay();
		var h = today.getHours()
		var mn = today.getMinutes()
		var s = today.getSeconds()
		// add a zero in front of numbers<10
		m = checkTime(m)
		s = checkTime(s)
		document.getElementById('time').innerHTML = y + "-" + m + "-" + d + " "
				+ h + ":" + mn + ":" + s
		t = setTimeout('startTime()', 500)
	}

	function checkTime(i) {
		if (i < 10) {
			i = "0" + i
		}
		return i
	}
</script>

<body οnlοad="startTime()">
<div id="time">
</body>


冷静BB
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS显示网页时钟
winner_20020626的博客
10-08 328
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>显示网页时钟</title> </head> <body> <script type="text/javascript"> window.onload = function(){ //获取节点对象 var btn1Elem = document
如何用js显示时钟？
weixin_33946605的博客
08-30 189
这一段对js有点兴趣，做了几个js的小实验，感觉挺有意思的，其中一个就是控制时钟的显示，有兴趣的可以研究啊！下面先看下部分代码: 首先在js代码中声明两个变量：timerID和timerRunning，大家可以看到在showTimes方法中给timerId赋值：timerID = setTimeout("showTimes()", 1000);表示浏...
如何在Vue3中实现网页时钟，显示当前时间并每秒更新一次
最新发布
有我更精彩的博客
06-17 1552
通过这个实际的小项目，我们不仅了解了Vue3的基础数据绑定、生命周期钩子以及方法的定义，还学会了如何处理定时器。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。
JS 显示时钟
weixin_34019144的博客
04-15 100
1，只用JavaScript显示时钟图：如下：   后台代码如下： 代码   1 设置显示一个时间  2 ；  3 代码如下：  4   5   6 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
JS实现显示时钟
pp6923186的博客
12-20 269
&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;时间日期篇--显示时钟&lt;/TITLE&gt;&lt;/HEAD&gt; &lt;BODY bgcolor="#fef4d2" onload=showclock() background="../images/background2.jpg"&gt;&lt;br&gt;&
Js动态显示时钟
藏云的CSDN博客
12-31 2373
//保持双数 function zerofill(s) { var s = parseFloat(s.toString().replace(/(^[\s0]+)|(\s+$)/g, '')); s = isNaN(s) ? 0 : s; return (s < 10 ? '0' : '') + s.toString(); } //显示时钟 function showTime(){ var myDa
js显示一个时钟
漫步千姿
09-14 92
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charse
JavaScript特效大全之时钟显示在任意指定位置2.0代码
11-22
源码之家里面可以找到原版的，只是原版的代码过于老旧，博主用ES5语言重新写了一遍并添加了一些小功能，所以称之为JavaScript特效大全之时钟显示在任意指定位置2.0代码
js实现一个简单的数字时钟效果
10-20
在现代网页设计中，实现一个数字时钟是一个常见的任务，它不仅可以增强网页的互动性，而且可以向用户提供实时信息。本文将详细讲解如何使用JavaScript（简称js）来创建一个简单的数字时钟效果，这不仅涉及到了前端的...
一个简单的JavaScript时钟可以显示一天中的1440分钟
08-11
在这个场景中，我们讨论的“一个简单的JavaScript时钟可以显示一天中的1440分钟”是一个用JavaScript实现的计时器，它不仅显示小时和分钟，还可能包括秒，以展示一天中每一分钟的流逝。 首先，让我们了解一下...
js实现中文实时时钟
10-15
根据给定文件内容，我们可以提取以下知识点来详细解读如何使用JavaScript（js）实现一个中文实时时钟。 知识点一：JavaScript日期和时间处理 1. 使用JavaScript内置的Date对象来获取和处理日期时间。Date对象能够...
js实现的一个时钟页面
05-14
js实现的一个时钟页面 可以添加到页面上 时钟页面
纯js网页时钟（ie Only）
04-24
纯粹js的网页时钟 没有vml 仅仅是图片和滤镜效果哦
javascript实现页面的实时时钟显示示例
11-19
时钟实现 实现这个时钟时间需要解决以下三个问题： 获得当前时间，并格式化 如何可以在页面中显示时间 让时间动起来 1、获得当前时间，并格式化 要获得当前时间，可以使用JavaSctipt的Date对象，默认构造函数会返回当前时间。存储日期为自 1970 年 1 月 1 日 00:00:00以来的毫秒数。 setXxx 这些方法用于设置时间和日期值 getXxx 这些方法用于获取时间和日期值 实现代码如下：   function getnow(){ //1、获得当前时间，格式化时间 var now=new Date(); var year=no
JS动态时钟
06-29
这里是简单的动态时钟，利用CSS和js的完美结合，适合初学JS 的学生
用JS实现页面显示动态时钟
ALiZPay的博客
06-03 993
<body> <script> function tick() { var ye,mo,da; //年月日 var hours, minutes, seconds, xfile; //时分秒，PM/AM var intHours, intMinutes, intSeconds; var today; today = new Date();//创建一个时间对象 //ye = ...
Js 显示一个钟表
qq_31971935的博客
01-25 646
<html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m
JS动态显示时钟
weixin_53126056的博客
12-19 228
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #timediv{ width: 200px; height: 200px; } </style> </head> <body> <script type="text/javascript"&g
JavaScript显示一个动态时钟
05-10
可以使用JavaScript来实现动态时钟。以下是一个简单的例子： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>Digital Clock</title> </head> <body> <h1 id="clock"></h1> <script src="clock.js"></script> </body> </html> ``` JavaScript代码（保存为clock.js）： ``` function showTime() { var date = new Date(); // 获取当前时间 var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); // 将小时、分钟和秒格式化为两位数 hours = (hours < 10 ? "0" : "") + hours; minutes = (minutes < 10 ? "0" : "") + minutes; seconds = (seconds < 10 ? "0" : "") + seconds; // 将时间显示在页面上 var clock = document.getElementById("clock"); clock.innerText = hours + ":" + minutes + ":" + seconds; // 每秒钟更新一次时间 setTimeout(showTime, 1000); } showTime(); // 调用showTime函数，开始显示时间 ``` 这段代码会在页面上显示当前时间，并且每秒钟更新一次。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值