js获取现在时间 |
您所在的位置:网站首页 › javascript显示当前时间 › 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());js获取现在时间_js中如何动态显示日期时间注:getYear()方法无法获取完整的年份,且在ECMAScript v3 开始,就被getFullYear() 方法取而代之,不怎么被使用了。 getFullYear() 方法:可以获取当前一个完整的年份(4位数字,1970-???)。例: var d = new Date(); console.log(d.getFullYear()); var born = new Date("1983"); console.log(born.getFullYear());js获取现在时间_js中如何动态显示日期时间2、获取当前月份getMonth():可以获取本地时间的月份。 注:getMonth()方法返回的值是从0(表示1月)开始,到11(表示12月)结束的一个整数,即0~11之间的一个整数;如果想要获取和当前时间相同的月份,可在getMonth()方法返回的值后加1。例: var d=new Date(); console.log(d.getMonth()); console.log(d.getMonth()+1);js获取现在时间_js中如何动态显示日期时间3、获取当前天数getDate() :可以返回一个月份的某一天,使用本地时间;返回值是 在1 ~ 31 之间的一个整数。例 var d = new Date(); console.log(d.getDate()) var d = new Date(“July 21, 1983”); console.log(d.getDate())js获取现在时间_js中如何动态显示日期时间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代码 .time span{ display: inline-block; width: 40px; height: 20px; } 當前時間: 年 月 日 時 分 秒 1//調用show()函數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 代码如下: JS时间 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);效果图如下: js获取现在时间_js中如何动态显示日期时间发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/193228.html原文链接:https://javaforall.cn |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |