Javascript实现获取系统当前时间功能

最新推荐文章于 2022-11-11 12:11:17 发布
最新推荐文章于 2022-11-11 12:11:17 发布
阅读量179 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/H_W_1212/article/details/110477329
版权

关注重工黑大帅，学习不迷路

先看效果图：
在这里插入图片描述

style.css:

#timeshow{
	font-size: 60px;
	color: aqua;
	margin-left: 350px;
/*	text-align: center;*/
	padding-top: 300px;
}
#timeshow:link{
	color: yellow;
	font-size: 40px;
}
#timeshow:hover{
	color: red;
	transition: all 1s;
/*	transform: rotate3d(10px 20px 30px);*/
}
#timeshow:visited{
	color: blue;
/*	transform: rotate3d(10px 20px 30px);*/
}

index.html:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--<meta http-equiv="Refresh" content="20">-->
<title>获取系统当前时间</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<span id="timeshow">0000 年 00 月 00 日 星期0 00:00:00</span>
<!--<div id="time"></div>-->
<script src="javascript/web.js"></script>
</body>
</html>

web.js:

function timeGo(){
	var mytime = new Date();
	var myyear = mytime.getFullYear();
	var mymonth = mytime.getMonth()+1;
	var mydate = mytime.getDate();
	var myday = mytime.getDay();
	var day_xq = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
	myday = day_xq[myday];
	var myhour = mytime.getHours();
	myhour<10?myhour = "0"+myhour:myhour; 
	var myminute = mytime.getMinutes();
	myminute<10?myminute= "0"+myminute:myminute;
	var mysecond = mytime.getSeconds();
	mysecond<10?mysecond= "0"+mysecond:mysecond;
	var res = myyear+"年"+mymonth+"月"+mydate+"日 "+myday+"&nbsp;"+myhour+":"+myminute+":"+mysecond;
	document.getElementById("timeshow").innerHTML = res;
}
var myset = setInterval(function(){
						timeGo();
		},1000);

您的点赞和关注是我学习的强大动力之一

bkLion
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net获取系统当前时间的方法详解
09-02
主要介绍了asp.net获取系统当前时间的方法,较为详细的分析了C#日期与时间操作所涉及的相关函数与使用技巧,需要的朋友可以参考下
Javascript实现电子时钟走动
H_W_1212的博客
12-02 2164
关注重工黑大帅，学习不迷路 先看效果图： style.css: /* CSS Document */ *{ margin: 0; padding: 0; } ul,li,ol{ list-style: none; } body{ font-family: Arial,"Microsoft YaHei","SimSun"; } .clears{ clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
asp.net中使用最基本的时钟脚本(JavaScript)
The key to .Net
05-03 429
写在区域中：form name="timeform">            input type="text" size="8" name="time" style="Z-INDEX: 108; LEFT: 352px; POSITION: absolute; TOP: 16px">        form>        script language="JavaScript">  f
《JavaScript前端开发案例教程》------第6章BOM课后练习
homoiotheymy的博客
07-14 2783
一、填空题 1. window或window对象 2. setTimeout() 3. length或length属性 二、判断题 1. 对。 2. 对。 3. 对。 4. 错。 三、选择题 1. B 2. D 四、编程题 <style> div{ height:50px; line-height:50px; text-align:center; border:double #ccc; width:100px; } </style> &l
用js实现时钟的实时运动（简单版）
wufu_的博客
11-25 2310
首先准备四张空白背景的图片，分别是表盘，时针，分针，秒针， 创建HTML文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"
基于JavaScript的数据可视化实验室后台管理系统源码+项目说明(期末大作业).zip
08-21
3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 1.1 登陆模块： * 数据库中查询用户，所以存储用户用session.setAttribute。验证用户用session.getAttribute。 * 一般进行加密存储，方式是用token...
ruby、javascript、php中的观察者模式实现代码
01-20
书中还举了一个非常易懂的例子：获取系统当前时间并输出到命令行中。如果要硬编码也很简单，定义一个方法，先获取时间，然后再处理展示。这样获取时间的功能基本就不能复用了，因为带了个处理展示的拖油瓶。 如果用...
程序天下:JavaScript实例自学手册
07-08
13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24小时制的转换 13.9 标题栏显示时间 13.10 超过...
JavaScript笔记
09-28
JavaScript常用于实现如下功能： |--控制文档的外观和内容； |--对浏览器的控制； |--与 HTML 表单的交互； |--与用户的交互； |--执行计算等。 1.单击事件：定义在按钮的开始标签中 语法：onclick="js语句...
JavaScript网页特效范例宝典源码
09-04
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...
使用javaScript或jquery实现页面时钟走动效果(包含秒表计时), 和系统时间同步
04-03
使用简单的十行左右代码就可以实现html页面计时效果, 同系统时间同步, 并带有秒表实时走动效果哦,感谢大家的支持
JavaScript页面实时显示当前时间实例代码
10-21
最近因为项目需要，有个需求是让实时显示当前时间，然后想想这不简单吗，自己就动手敲代码，但是发现一个问题，通过getMonth()得到月份，总是会比当前月份少1，深深觉得实践出真知啊…之前觉得Date对象挺简单的，有很多细节都没有注意。下面这篇文章就给大家详细介绍下。
js实现简单的秒表走动的时钟特效
10-23
主要介绍了js实现简单的秒表走动的时钟特效,感兴趣的小伙伴们可以参考一下
ASP+JS获取并实时显示服务器时间的代码
shiwaxinbin的专栏
04-15 2357
第一种代码：     //特别注明：北京时间是格林尼治标准时加八小时，因此用的起始时间也是从八点起算的  var secondServer = ;  var secondClient = parseInt(new Date().getTime()/1000);  var secondSub = secondServer - secondClient; //两端时间秒差  fu
ASP.NET调用javascript脚本的方法总结
weixin_34409703的博客
12-15 323
　　ASP.NET本身就提供了多种调用javascript脚本的方法，本文总结了六种调用方法，大家根据自己的使用习惯可以选择相应的调用方式了！   1、直接在前台调用 javascript 函数   很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript " 如: &lt;head runat="server"&gt; &lt;scri...
编写程序，实现电子时钟自动走动的效果，并提供一个按钮控制电子时钟是否停止走动。
m0_73145804的博客
10-27 2502
电子时钟自动走动的效果
JavaScript实现动态时钟显示
luckyboy!的博客
11-11 4444
1.创建html文件（时钟显示.html）；2.设置html标签；3.设置html标签的CSS样式；4.设置JavaScript；1)创建函数和Date；2）获取date变量中的年、月、日，拼接成日期；3）获取date变量中的小时、分钟、秒和日期，拼接成时间；4）获取节点并向节点中添加日期和时间；5）调用自定义函数dateTime和setInterval函数，实现动态时钟显示效果
js实现时间走动效果
The_Thinnest的博客
03-21 5745
用jQuery获取网页元素赋值即可，已用红色高亮显示： function showLeftTime() { var now=new Date(); var year=now.getFullYear(); var month=now.getMonth()+1; if(month month='0'+month; } var day=now.getDate(); if(day d
js实现页面动态时间，滚动效果（年月日，小时、分钟、秒，星期，毫秒）
sweetllh的博客
04-19 6108
年月日放在一个div里面； 小时、分钟、秒放在一个div里面； 星期放在一个div里面； 毫秒放在一个div里面。 因为它们的时间设置不同或img类不同 html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js制作一个动态页面时间，滚动效果</title> <style type
time 获取当前时间
最新发布
09-14
在编程中，我们可以使用不同的编程语言来实现获取当前时间的功能。 在Python中，我们可以使用内置的 datetime 模块来获取当前时间。具体的做法是，首先导入 datetime 模块，然后使用 datetime 类的 now() 方法来...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值