js显示当前日期和时间

js显示当前日期和时间 Js获取当前的日期和时间

2022-01-20 11:02:13

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取当前时间</title>
</head>
<body>
<script type="text/javascript">
/**
*获取当前时间
*format=1精确到天
*format=2精确到秒
*/
function getCurrentDate(format) {
var now = new Date();
var year = now.getFullYear(); //得到年份
var month = now.getMonth();//得到月份
var date = now.getDate();//得到日期
var day = now.getDay();//得到周几
var hour = now.getHours();//得到小时
var minu = now.getMinutes();//得到分钟
var sec = now.getSeconds();//得到秒
month = month + 1;
if (month < 10) month = "0" + month;
if (date < 10) date = "0" + date;
if (hour < 10) hour = "0" + hour;
if (minu < 10) minu = "0" + minu;
if (sec < 10) sec = "0" + sec;
var time = "";
//精确到天
if(format==1){
time = year + "-" + month + "-" + date;
}
//精确到分
else if(format==2){
time = year + "-" + month + "-" + date+ " " + hour + ":" + minu + ":" + sec;
}
return time;
}
alert(getCurrentDate(2));
</script>
</body>
</html>

更多相关内容
js显示当前日期时间和星期几
2020-11-25 20:26:41

JavaScript获取当前日期时间同时显示星期几，具体代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> [removed][removed] [removed] function ...

收起
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2020-10-24 13:13:28

主要介绍了JavaScript在浏览器标题栏上显示当前日期和时间的方法,实例分析了javascript操作时间及DOM节点实现定时触发的技巧,非常具有实用价值,需要的朋友可以参考下

收起
JS 显示当前日期与时间的代码
2020-12-11 17:56:27

JS 显示当前日期 代码如下: [removed] var datelocalweek=new Array(“星期日”, “星期一”, “星期二”,”星期三”,”星期四”, “星期五”,”星期六”); var datelocalnow=new Date(); var datelocalyear=...

收起
完整显示当前日期和时间的JS代码
2020-10-30 16:29:42

完整显示当前日期和时间的JS代码

收起
JS实现网页标题栏显示当前时间和日期的完整代码
2020-10-23 09:42:13

主要介绍了JS实现网页标题栏显示当前时间和日期的方法,涉及JavaScript日期时间函数及网页标题栏操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

收起
用js实现页面显示当前日期和时间的代码
2020-12-09 02:50:22

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

收起
JavaScript显示当前时间和日期
2009-07-30 21:52:17

当前日期: <script language="JavaScript" type="text/JavaScript"> var today = new Date(); document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document...

收起
JS实现日期时间动态显示的方法
2020-11-23 06:49:46

本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下： <html> <head> <title>js日期时间动态显示</title> </head> &...

收起

JavaScript显示当前年月日和时间

2021-09-01 11:34:19

DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title> head> <body> <p id="time">p> <script> function time(){ var ...//每隔1000毫秒（1秒=1000毫秒）显示一次当前时间 script> body> html> 实现效果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p id="time"></p>		
		<script>
			function time(){
				var date = new Date();
				var year = date.getFullYear();//年
				var month = date.getMonth()+1;//月；因为month属性从0开始所以要加1				
				var day = date.getDate();//天		
				var week = date.getDay();//周
				var hour = date.getHours();//小时
				var minute = date.getMinutes();//分钟
				var second = date.getSeconds();//秒
				second = second<10?"0"+second:second;
				var currentTime = year+"-"+month+"-"+day+" "+"星期"+week+" "+hour+":"+minute+":"+second;
				document.getElementById("time").innerHTML=currentTime;
			}
			setInterval("time()",1000);//每隔1000毫秒（1秒=1000毫秒）显示一次当前时间
		</script>
	</body>
</html>

实现效果
在这里插入图片描述

收起

展开全文

JavaScript显示当然日期和时间即年月日星期和时间
2020-10-26 18:44:39

使用js显示当然日期和时间在网页中很是常见，方法有很多，不过多说大同小异，下面有个不错的示例，需要的朋友可以感受下

收起
javascript实现日期时间动态显示示例代码
2020-10-23 15:47:05

主要介绍了javascript实现日期时间动态显示示例代码，页面动态显示时间变化的方法有很多，本文为大家介绍下使用javascript的具体实现，感兴趣的朋友可以参考一下

收起
js获取当前日期时间及其它日期操作汇总
2020-10-22 18:04:55

主要介绍了js获取当前日期时间及其它日期操作汇总，感兴趣的小伙伴们可以参考一下

收起
javascript显示系统当前时间代码
2020-11-27 08:29:43

运用JavaScript技术，输出系统当前时间到指定位置。代码： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前...

收起

js显示实时日期和时间

万次阅读 2018-08-24 14:55:14

js显示实时日期和时间 原理：每隔1s重新获取一下时间并显示出来结果图示：代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"&...

js显示实时日期和时间

原理：每隔1s重新获取一下时间并显示出来

结果图示：

代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>
</head>
<body>
    <div id="Date"></div>
    <script type="text/javascript"> 
        setInterval(function(){   
        var date = new Date();   
        var year = date.getFullYear();    //获取当前年份   
        var mon = date.getMonth()+1;      //获取当前月份   
        var da = date.getDate();          //获取当前日   
        var day = date.getDay();          //获取当前星期几   
        var h = date.getHours();          //获取小时   
        var m = date.getMinutes();        //获取分钟   
        var s = date.getSeconds();        //获取秒   
        var d = document.getElementById('Date');    
          d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  
        },1000)
    </script>
</body>
</html>

收起

展开全文

vue-date-filters:Vue.js日期过滤器，用于显示日期，日期时间和时间
2021-05-08 13:19:18

一个Vue.js插件，用于显示日期，日期时间和时间。使用moment.js。包含的过滤器的完整列表：筛选输出时间 12:00 AM 短时间 12:00 很久上午12:00:00 日期 2018-04-05 短日期 2018-4-5 书面日期 2018年4...

收起

Js实现获取当前时间并显示

千次阅读 2022-03-15 14:06:45

js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。首先我们来了解一下js获取...

js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。

首先我们来了解一下js获取当前时间所需的一些方法：

获取当前时间：

var d = new Date();//获取系统当前时间

获取特定格式的时间：

1、获取当前年份

getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段

说明：当年份介于 1900 与 1999 之间时，getYear() 方法返回仅有两位数字的值；当年份在1900 之前或 1999 之后时，则可能返回 4 位数字的值。例：

var d = new Date();

console.log(d.getYear());

 

var born = new Date("1983");

console.log(born.getYear());

注：getYear()方法无法获取完整的年份，且在ECMAScript v3 开始，就被getFullYear() 方法取而代之，不怎么被使用了。

getFullYear() 方法：可以获取当前一个完整的年份(4位数字，1970-???)。例：

var d = new Date();

console.log(d.getFullYear());

 

var born = new Date("1983");

console.log(born.getFullYear());

2、获取当前月份

getMonth()：可以获取本地时间的月份。

注：getMonth()方法返回的值是从0（表示1月）开始，到11（表示12月）结束的一个整数，即0~11之间的一个整数；如果想要获取和当前时间相同的月份，可在getMonth()方法返回的值后加1。例：

var d=new Date();

console.log(d.getMonth());

console.log(d.getMonth()+1);

3、获取当前天数

getDate() ：可以返回一个月份的某一天，使用本地时间；返回值是在1 ~ 31 之间的一个整数。例

var d = new Date()；

console.log(d.getDate())

 

var d = new Date(“July 21, 1983”)；

console.log(d.getDate())

4、获取当前时间

getHours()：获取小时数，返回的小时数值是从0到23之间的整数

getMinutes()：获取分钟数，返回的分钟数值是从0到59之间的整数

getSeconds()：获取秒数，返回的秒数值是从0到59之间的整数

例：获取当前时间

var d = new Date();

var hour= d.getHours();//得到小时数

var minute= d.getMinutes();//得到分钟数

var second= d.getSeconds();//得到秒数

js获取当前时间并显示示例：

html+css代码

<style type="text/css">
.time span{
	display: inline-block;
	width: 40px;
	height: 20px;
}	
</style>
<div class="time">當前時間：<br /><br />
	<span id="y"></span_id>年
	<span id="mo"></span_id>月
	<span id="d"></span_id>日
	<span id="h"></span_id>時
	<span id="m"></span_id>分
	<span id="s"></span_id>秒
	<span id="time">1</span_id>//調用show()函數
</div>

js代码：

function show(){

var now = new Date();

var year = now.getFullYear(); //得到年份

var month = now.getMonth()+1;//得到月份

var date = now.getDate();//得到日期

// var day = now.getDay();//得到周几

var hour= now.getHours();//得到小时数

var minute= now.getMinutes();//得到分钟数

var second= now.getSeconds();//得到秒数

 

 

document.getElementById("y").innerHTML=year;

 

document.getElementById("mo").innerHTML=month;

 

document.getElementById("s").innerHTML=date;

document.getElementById("h").innerHTML=hour;

 

document.getElementById("m").innerHTML=minute;

 

document.getElementById("s").innerHTML=second;

setTimeout(show,1000);//定时器一直调用show()函数

return "";

}

第二种：用JS实现实时显示系统时间
参考：https://blog.csdn.net/qq_36190858/article/details/86152204?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-4&spm=1001.2101.3001.4242
代码如下：

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>JS时间</title>
		<style>

		</style>
	</head>

	<body>
		<div id="time"></div>
		<script type="text/javascript">
			function time() {
				var vWeek, vWeek_s, vDay;
				vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
				var date =  new Date();
				year = date.getFullYear();
				month = date.getMonth() + 1;
				day = date.getDate();
				hours = date.getHours();
				minutes = date.getMinutes();
				seconds = date.getSeconds();
				vWeek_s = date.getDay();
				document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes + ":" + seconds + "\t" + vWeek[vWeek_s];

			};
			setInterval("time()", 1000);
		</script>
	</body>

</html>

效果图如下：

收起

展开全文

html

JS简单获取及显示当前时间的方法
2020-10-21 19:35:54

主要介绍了JS简单获取及显示当前时间的方法,涉及javascript针对日期与时间的获取与运算相关操作技巧,需要的朋友可以参考下

收起
JS实现HTML页面中动态显示当前时间完整示例
2020-10-18 07:36:13

主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下

收起
react-clock-basic：显示当前日期和时间的基本时钟
2021-02-05 07:39:10

显示当前日期和时间的基本时钟转到进行现场演示。组件图该项目还演示：典型的React项目布局结构 babel的设置和配置 Webpack设置和配置 eslint设置和配置 SCSS设置和配置屏幕截图： ... ... 与开发 -...

收起
JavaScript显示当前文档最后修改日期的方法
2020-10-24 12:55:26

主要介绍了JavaScript显示当前文档最后修改日期的方法,实例分析了javascript中document.lastModified的使用技巧,非常具有实用价值,需要的朋友可以参考下

收起
JS使用Date对象实时显示当前系统时间简单示例
2020-12-02 19:22:28

本文实例讲述了JS使用Date对象实时显示当前系统时间的方法。分享给大家供大家参考，具体如下： JS中包含Date对象，其提供了一些方法获取系统日期，直接上代码： <!DOCTYPE html> <html> <head> &...

收起
js显示当前系统时间的代码
2020-10-27 14:11:30

有时候我们需要用js获取当前系统时间，那么就可以参考下面的代码

收起

js显示当前日期时间和星期几

JavaScript在浏览器标题栏上显示当前日期和时间的方法

JS 显示当前日期与时间的代码

完整显示当前日期和时间的JS代码

JS实现网页标题栏显示当前时间和日期的完整代码

用js实现页面显示当前日期和时间的代码

JavaScript显示当前时间和日期

JS实现日期时间动态显示的方法

JavaScript显示当前年月日和时间

JavaScript显示当然日期和时间即年月日星期和时间

javascript实现日期时间动态显示示例代码

js获取当前日期时间及其它日期操作汇总

javascript显示系统当前时间代码

js显示实时日期和时间

vue-date-filters:Vue.js日期过滤器，用于显示日期，日期时间和时间

Js实现获取当前时间并显示

1、获取当前年份

2、获取当前月份

3、获取当前天数

4、获取当前时间

JS简单获取及显示当前时间的方法

JS实现HTML页面中动态显示当前时间完整示例

react-clock-basic：显示当前日期和时间的基本时钟

JavaScript显示当前文档最后修改日期的方法

JS使用Date对象实时显示当前系统时间简单示例

js显示当前系统时间的代码

js显示当前日期和时间