html让时间只展示年月日_JavaScript年月日日期显示代码
很多网页在顶端或者其他位置会显示时间日期,并且还可以自动变动。
下面就通过代码实例简单介绍一下如何实现此功能。
代码实例如下:[HTML] 纯文本查看 复制代码运行代码
蚂蚁部落
var week;
var weeks;
var date;
var time;
var hour;
var minute;
var second;
function getTimeNow() {
time=new Date();
hour=time.getHours();
minute=time.getMinutes();
second=time.getSeconds();
weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
week=weeks[time.getDay()];
date=(time.getFullYear())+"年"+(time.getMonth()+1)+"月"+time.getDate()+"日"+" ";
nowTime.innerHTML ="当前时间:"+date+week+" "+hour+":"+minute+":"+second;
}
window.οnlοad=function(){
var nowTime=document.getElementById("nowTime");
setInterval("getTimeNow()",1000);
}
代码实现了我们的功能,能够实时的显示当前系统的日期和时间。
一.实现原理:
原理非常简单,首先创建一个函数getTimeNow,当运行此函数时,将当前的年月日时间写入div,获取年月日的方式都是采用的Date对象的方法。然后再使用setInterval方法每隔一秒执行一次getTimeNow函数,于是就可以事实的在div中显示当前的日期时间。
二.代码注释:
(1).var week,声明变量,用语存放周,下面的几个变量声明原理也是如此。
(2).function getTimeNow(){},此函数可以获取当前系统的日期时间,并写入div。
(3).time=new Date();,创建当前时间对象。
(4).hour=time.getHours(),获取当前时间的小时。
(5).minute=time.getMinutes(),获取当前时间的分钟。
(6).second=time.getSeconds(),获取当前时间的秒。
(7).weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],创建一个数字,数组中的元素是星期。
(8).week=weeks[time.getDay()],getDay()函数可以翻译0-6的值,利用这个特点,可以取得当前是星期几。
(9).date=(time.getFullYear())+"年"+(time.getMonth()+1)+"月"+time.getDate()+"日"+" ",字符串连接,将当前的年月日连接起来。
(10).nowTime.innerHTML ="当前时间:"+date+week+" "+hour+":"+minute+":"+second,将年月日时间和日期写入div。
三.相关阅读:
(2). setInterval方法参阅JavaScript setInterval()一章节。
html让时间只展示年月日_JavaScript年月日日期显示代码相关推荐
- 前端简单实现当日时间只展示时间,否则只展示年月日
需求如下 日期:显示消息推送时间,当天00:00--23:59分内推送的消息,日期显示具体时间,如:17:59:超出00:00--23:59分推送的消息,日期显示:年/月/日,如:2022/01/01 ...
- html让时间只展示年月日_JS 如何动态显示当前年月日时分秒-百度经验
完整示例代码: JS 动态显示年月日时分秒当前时间为:
- html让时间只展示年月日_如何用html写代码,使得在网页上显示当前的时间和日期...
展开全部 在网页62616964757a686964616fe59b9ee7ad9431333363363537中动态的显示日期时间,一般都是使用js来实现,很简单,一看就会. 网页中动态的显示系统日 ...
- js处理人性化时间长度展示,1分钟以内显示秒数,1分钟以上1小时以内显示分钟数和秒数,1小时以上1天以内显示小时数和分钟数
1分钟以内显示秒数 59秒 1分钟以上1小时以内显示分钟数和秒数 23分30秒 1小时以上1天以内显示小时数和分钟数 1小时20分 1天以上显示天数和小时数 3天21小时 核心代码 function ...
- JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;...
学习目标 1.掌握创建日期对象的方法 2.掌握date对象中获取日期时间的方法 3.掌握date对象中设置日期时间的方法 如何创建一个日期对象 语法:new Date(); 功能:创建一个日期时间对象 ...
- java日期时间轴_生成时间轴数据, 从当前 年月日 往前推到几天的日期(前一周时间、、、)...
/** * 生成时间轴数据, 从当前 年月日 往前推到几天的日期 * @param month * @param qian 前几天的日期 * @return yyyyMMdd */ public st ...
- 常用时间格式毫秒数、年月日、国际通用时间之间相互转换(常用)
JS实现时间格式毫秒数.年月日.国际通用时间转换 写在前面 1.毫秒数转年月日格式 2.国际通用时间转年月日格式 3.年月日格式换毫秒数 写在前面 本篇文章主要介绍JS实现毫秒数.年月日时间.国际通用 ...
- mysql sql日期截取年月日_sql截取日期/时间的单独部分,比如年、月、日、小时、分钟等等...
可以使用EXTRACT() 函数.(oracle和mysql都有该函数) 语法: EXTRACT(unit FROM date) date 参数是合法的日期表达式.unit 参数可以是下列的值: YE ...
- js 获取当天时间,实现展示包含今天的一周时间的方法
js 获取当天时间,实现展示包含今天的一周时间 封装获得第n天的时间数据 循环得到未来n天的时间数据 最近写了一个关于需要时间预约的项目,记录一下如何 实现未来一周数据的处理,时间的展示 封装获得第n ...
最新文章
- PHP算法题:如何实现冒泡排序
- java快递柜系统开发_他专注智能柜系统开发,产品日使用频次达60万次,服务近400厂家...
- Java基础篇:四种代码块详解
- 关于jTopo的引用
- [转]JAVA 在main中访问内部类、方法等
- Golang实现基于Websocket协议的H5聊天室
- S3C2440PWM 定时器
- 空间换时间和时间换空间
- 过桥问题--马儿赛跑问题--智力题
- transform 实现 附加鼠标悬浮效果,照片旋转,六面体,3D效果
- 使用SSH密钥连接阿里云linux服务器
- 电梯测试震动软件,保证质量电梯振动分析仪
- C语言|const的使用
- PHP超简洁小猫咪图床源码
- logo免费在线设计,做自己品牌的设计师
- 海马汽车何以“焕新春”?
- SAP 采购订单PO基于采购金额的审批策略配置
- CRM 2011 JS集锦
- obs多推流地址_EV录屏推流抖音直播教程——墨涩网
- 2015春计算机应用技术基础,《计算机应用技术基础》.doc
热门文章
- python调用默认播放器_用Python批量下载MOOC资源
- 系统服务-SystemUI9.0(1)
- 【BBS】BBS论坛项目各个页面的工作流程图
- Android SystemUI之Recent,近期列表(五)
- 使用线性回归预测网店的销售额
- 化妆品公司对电子商务的需求
- createfile 无权限_访问被拒绝CreateFileMapping在不同的用户帐户下运行时用runas
- 取消管理员取得所有权_管理员所有权,手把手教你win10怎么获得管理员所有权
- 计蒜客——[NOIP2012]Vigenère 密码
- 应急响应---应急响应、应急响应事件、网络应急响应