精华内容
下载资源
问答
  • 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>

    更多相关内容
  • JavaScript获取当前日期时间同时显示星期几,具体代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> [removed][removed] [removed] function ...
  • 主要介绍了JavaScript在浏览器标题栏上显示当前日期和时间的方法,实例分析了javascript操作时间及DOM节点实现定时触发的技巧,非常具有实用价值,需要的朋友可以参考下
  • JS 显示当前日期 代码如下: [removed] var datelocalweek=new Array(“星期日”, “星期一”, “星期二”,”星期三”,”星期四”, “星期五”,”星期六”); var datelocalnow=new Date(); var datelocalyear=...
  • 完整显示当前日期和时间JS代码
  • 主要介绍了JS实现网页标题栏显示当前时间和日期的方法,涉及JavaScript日期时间函数及网页标题栏操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
  • 当前日期: <script language="JavaScript" type="text/JavaScript"> var today = new Date(); document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document...
  • 本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <title>js日期时间动态显示</title> </head> &...
  • 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>
    

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

    展开全文
  • 使用js显示当然日期和时间在网页中很是常见,方法有很多,不过多说大同小异,下面有个不错的示例,需要的朋友可以感受下
  • 主要介绍了javascript实现日期时间动态显示示例代码,页面动态显示时间变化的方法有很多,本文为大家介绍下使用javascript的具体实现,感兴趣的朋友可以参考一下
  • 主要介绍了js获取当前日期时间及其它日期操作汇总,感兴趣的小伙伴们可以参考一下
  • 运用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重新获取一下时间显示出来 结果图示:  代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;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.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>
    

    效果图如下:

    展开全文
  • 主要介绍了JS简单获取及显示当前时间的方法,涉及javascript针对日期时间的获取与运算相关操作技巧,需要的朋友可以参考下
  • 主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
  • 显示当前日期和时间的基本时钟 转到进行现场演示。 组件图 该项目还演示: 典型的React项目布局结构 babel的设置配置 Webpack设置配置 eslint设置配置 SCSS设置配置 屏幕截图: ... ... 与开发 -...
  • 主要介绍了JavaScript显示当前文档最后修改日期的方法,实例分析了javascript中document.lastModified的使用技巧,非常具有实用价值,需要的朋友可以参考下
  • 本文实例讲述了JS使用Date对象实时显示当前系统时间的方法。分享给大家供大家参考,具体如下: JS中包含Date对象,其提供了一些方法获取系统日期,直接上代码: <!DOCTYPE html> <html> <head> &...
  • 有时候我们需要用js获取当前系统时间,那么就可以参考下面的代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 72,519
精华内容 29,007
关键字:

js显示当前日期和时间