JavaScript动态时钟

最新推荐文章于 2023-11-16 10:35:40 发布
最新推荐文章于 2023-11-16 10:35:40 发布
阅读量1.1k 收藏 4
点赞数
分类专栏： Web前端 文章标签： javascript 时钟
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014735730/article/details/34423867
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态时钟</title>
<script type="text/javascript">
function time()
{       //获取年、月、日、时、分、秒、星期
	var today = new Date();
	var year = today.getFullYear();
	var month = today.getMonth()+1;
	var date = today.getDate();
	var hour = today.getHours();
	var minute = today.getMinutes();
	var second = today.getSeconds();
	var day = today.getDay();
       //转换星期
        switch(day)
	{	
	case 0: day="日";break;
	case 1: day="一";break;
	case 2: day="二";break;
	case 3: day="三";break;
	case 4: day="四";break;
	case 5: day="五";break;
	case 6: day="六";break;
	
		}
	//拼凑时间
	now=year+"年"+month+"月"+date+"日&nbsp&nbsp"+hour+"时"+minute+"分"+second+"秒&nbsp&nbsp"+"星期"+day;
        //写入网页
        document.getElementById("myclock").innerHTML=now;
}
	//
       setInterval(time,1000)
</script>
</head>

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

</body>
</html>

lincolnxll
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS获取年月日时分秒的方法分析
11-26
本文实例分析了JS获取年月日时分秒的方法。分享给大家供大家参考，具体如下： var d = new Date(); var time = d.getFullYear() + "-" +(d.getMonth()+1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds(); 必须这么繁杂，没有办法。 我以为jQuery会能够精简功能的，发现并没有。 只能用这样原始的写法来获取年月日，时分秒的信息了。 tips: JS在传参的时候不能有空格，否则获取不到数据。 复制代码 代码
获取当前年月日的两种方法
婳祎
09-26 1万+
使用js或者moment模块获取当前年月日
JS获取当前时间（年月日时分秒 2023-11-02 06:05:05）
donghua201的博客
11-10 1万+
方法可以使用ISO标准将 Date 对象转换为字符串，格式为：YYYY-MM-DDTHH:mm:ss.sssZ。至此，得到当前北京时间的时间戳，接下来把时间戳（例如1699609423364）转换成"YYYY-MM-DD HH:mm:ss"的格式。toISOString()：把Date对象转换为ISO格式的字符串，例如"2023-11-02T06:05:05.000Z"。replace(/T/, ' ')：把"T"替换为" "，即把ISO时间格式转换为可读性更高的格式。使用前要加上8小时的时间差。
js获取当前时间的年月日时分秒
分享互联网的有趣知识~
08-11 1万+
js获取当前时间的年月日时分秒。
【04】 JavaScript基础-pink老师-2022/03
qq_44722174的博客
03-19 1547
配合食用: JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础 素材地址 前提须知: 这里内容主要为: JavaScript基础从变量的定义与使用、流程控制语句、数组、函数、构造函数、内置对象以及对象等. 由于.我不是计算机专业出身的,但也是学了c语言\python\java的基础课程,所以对于基本的 数据类型\运算符优先级\程序流程之类的基础知识,我这份笔记里是一笔带过的,只针对JavaScript本身特别的点,进行了区
javascript动态时钟
08-01
javascript动态时钟
基于javascript实现动态时钟效果
10-22
主要为大家详细介绍了基于javascript实现动态时钟效果的相关资料，动态显示系统当前时间，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript实现动态时钟
07-14
实现时钟的动态改变，分针、秒针和时针图片切割的有些粗糙，所以有些地方会出现重叠的现象，但是大体原理上清晰明了,会在博客上进行说明
Javascript实现动态时钟效果
10-17
主要为大家介绍了Javascript实现动态时钟效果，非常详细的注释代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript背景时钟实现方法
10-24
主要介绍了javascript背景时钟实现方法,涉及javascript时间及页面元素样式的相关操作技巧,需要的朋友可以参考下
JS日期、年月日、时分秒
weixin_43852916的博客
03-24 2280
当前标准时间 先来获取一下当前的标准时间，参数为指定字符，位置可随意，传啥有啥！ function format(fmt) { const date = new Date() const o = { "Y+": date.getFullYear(), "M+": date.getMonth() + 1, // 月 "D+": date.getDate(), // 日 "h+": date.getHour
js 获取当前日期时间 年月日 时分秒
热门推荐
tjx 博客
05-26 5万+
一、获取当前日期方法 // 格式化日对象 const getNowDate = () => { var date = new Date(); var sign2 = ":"; var year = date.getFullYear() // 年 var month = date.getMonth() + 1; // 月 var day = date.getDate(); // 日 var hour = date.getHours(); // 时 var minutes =
JavaScript实现动态时钟显示
luckyboy!的博客
11-11 4486
1.创建html文件（时钟显示.html）；2.设置html标签；3.设置html标签的CSS样式；4.设置JavaScript；1)创建函数和Date；2）获取date变量中的年、月、日，拼接成日期；3）获取date变量中的小时、分钟、秒和日期，拼接成时间；4）获取节点并向节点中添加日期和时间；5）调用自定义函数dateTime和setInterval函数，实现动态时钟显示效果
node.js 使用moment.js 获取时间的各种格式
weixin_42602241的博客
01-20 139
使用 moment.js 库在 Node.js 中获取时间的各种格式非常简单。首先需要在项目中安装 moment 库，然后在代码中引入它，如下所示： const moment = require('moment'); ...
Node.JS 根据时间戳获取年月日时分秒
12-16 3862
/** * 获取当前时间戳(秒) */ function getNowSceond(){ return Math.floor(Date.now() / 1000); } /** * 根据时间戳获取年,月,日,时,分,秒 * @param {*} nTimeStamps */ function getTimeInfo(nTimeStamps) { //转毫秒 var date = new Date(nTimeStamps * 1000); //返回数据 var.
JS日期对象实现动态时钟
qq_41858795的博客
11-17 2277
JS日期对象实现动态时钟
JavaScript 制作实时电子时钟 ，点赞加关注经典案例持续更新~
最新发布
小十七的个人分享博客
11-16 1928
效果动图，此动图时间仅为当时录制的时间，实际运行时间为实时时间。
JAVA 获取当前时间（年月日时分秒）
Theshy08的博客
12-12 8334
获取当前时间（年月日时分秒）获取当前时间戳 到毫秒。
js简易年月日时分秒 代码
m0_56457325的博客
04-03 508
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .boss { margin: 200px 0 0 100px; } .year { width: 130px; height: 60px; border: 3px soli.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值