js日期代码（js 日期函数）[20240426更新]

今天给各位分享js日期代码的知识，其中也会对js 日期函数进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、js获得当前日期和时间的代码是什么？
• 2、js时间代码
• 3、求一个js日期代码，需要在网页上输出的是图片，就是0-9的数字，替换成设计好的图片在网页上显示

js获得当前日期和时间的代码是什么？

var myDate = new Date();

myDate.toLocaleDateString()；可以获取当前日期

myDate.toLocaleTimeString(); 可以获取当前时间

扩展：

myDate.getYear(); //获取当前年份(2位)

myDate.getFullYear(); //获取完整的年份(4位,1970-????)

myDate.getMonth(); //获取当前月份(0-11,0代表1月)

myDate.getDate(); //获取当前日(1-31)

myDate.getDay(); //获取当前星期X(0-6,0代表星期天)

myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

myDate.getHours(); //获取当前小时数(0-23)

myDate.getMinutes(); //获取当前分钟数(0-59)

myDate.getSeconds(); //获取当前秒数(0-59)

myDate.getMilliseconds(); //获取当前毫秒数(0-999)

myDate.toLocaleString( ); //获取日期与时间

js时间代码

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

titledateutil-js时间举例/title

!-- script src=""/script--

script src=""/script

/head

body

script type="text/javascript"

console.log(getdate_WMdy_En());//Thurs.Sept.2, 2020

console.log(getdate_yMdhms_T());//2020-9-2 21:41:7

console.log(getdate_WyMdhms_C());//星期四 2020年9月2日 21时38分33秒

/script

/body

/html

求一个js日期代码，需要在网页上输出的是图片，就是0-9的数字，替换成设计好的图片在网页上显示

按照以下步骤来：

1、获取当前日期

2、生成日期字符串

3、显示

准备好一张数字的图片：

【代码】

style type="text/css"

/* css */

.num_0, .num_1, .num_2, .num_3, .num_4, .num_5, .num_6, .num_7, .num_8, .num_9 { background:url(numbers.gif) no-repeat 0 0; display:inline-block; width:40px; height:40px; }

.num_1 { background-position:-40px 0; }

.num_2 { background-position:-80px 0; }

.num_3 { background-position:-120px 0; }

.num_4 { background-position:-160px 0; }

.num_5 { background-position:-200px 0; }

.num_6 { background-position:-240px 0; }

.num_7 { background-position:-280px 0; }

.num_8 { background-position:-320px 0; }

.num_9 { background-position:-360px 0; }

/style

div id="dis"/div

script

var date=new Date(),

    str=''+date.getFullYear()+(date.getMonth()+1)+date.getDate(),

    i=0,

    len=str.length,

    html=[];

for(; ilen; i++)

  html.push('span class="num_'+str[i]+'"nbsp;/span');

document.getElementById('dis').innerHTML=html.join('');

/script

【运行】

运行后，js代码会添加一些元素到页面上，会生成如图所示的结构：

看下页面显示效果：

显示是通过样式表完成的。

js日期代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 日期函数、js日期代码的信息别忘了在本站进行查找喔。