前端用js写一个函数输出当前时间,格式为yyyy-mm-dd hh:mm:ss

摘要:
使用replace方法将其替换为所需的格式。DOCTYPE html˃以指定格式输出当前日期和时间文件写入;//日期:2019/7/175:48:53方法2:˂!
  • 需求描述:写一个函数输出当前时间,格式为yyyy-mm-ddhh:mm:ss
  • 实现思路:
    • 方法一:首先获取当天时间,然后调用toLocaleString方法,将当天时间转换为字符串。再用replace方法将其替换成想要的格式。
    • 方法二:首先获取当前时间,然后使用getFullYear、getMonth、getDate、getHours、getMinutes、getSeconds方法,分别获取年月日时分秒,再按照需要的格式将其拼接成字符串
  • 实现代码:

方法一:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按指定格式输出当前日期和时间</title>
</head>
<body>
<script type="text/javascript">
    functiongetDate() {
        let today = newDate();
        //console.log(today):  Wed Jul 17 2019 17:48:53 GMT+0800 (中国标准时间)
let date =today.toLocaleString().replace(/下午/, " ");
        //console.log(today.toLocaleString()):  2019/7/17 下午5:48:53 
        returndate;
    }
    document.write(getDate());
    //date: 2019/7/17 5:48:53
</script>
</body>
</html>

方法二:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按指定格式输出当前日期和时间</title>
</head>
<body>
<script type="text/javascript">
    functiongetDate() {
        let today = newDate();
        //console.log(today):  Wed Jul 17 2019 17:48:53 GMT+0800 (中国标准时间)
let newDate =today.getFullYear() + '/' +(today.getMonth() + 1) + '/' +today.getDate() + ' ' +today.getHours() + ':' +today.getMinutes() + ':' +today.getSeconds();
        //getMonth方法返回的是0-11之间的数字,代表1-12月份,若想和日历的月份时间对应,需要+1。
        returnnewDate;
    }
    document.write(getDate());
</script>

</body>
</html>
  • 效果图:

前端用js写一个函数输出当前时间,格式为yyyy-mm-dd hh:mm:ss第1张

免责声明:文章转载自《前端用js写一个函数输出当前时间,格式为yyyy-mm-dd hh:mm:ss》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇KVM虚拟化平台环境部署C++ 匿名namespace的作用以及与static的区别下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【javascript】浅析js中的堆和栈

这里先说两个概念:1、堆(heap)2、栈(stack)堆 是堆内存的简称。栈 是栈内存的简称。说到堆栈,我们讲的就是内存的使用和分配了,没有寄存器的事,也没有硬盘的事。各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放。 javascript的基本类型就5种:Unde...

使用 js 测试 websocket 连接

参考:https://blog.csdn.net/linysuccess/article/details/109223712 配合上篇文章,代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <m...

c++与js脚本交互,C++调用JS函数/JS调用C++函数

<!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1> <p> JavaScript 能够对事件作出反应。比如对按钮的点击: </p> <button type="button" onc...

js实现移动端图片预览:手势缩放, 手势拖动,双击放大...

前言本文将介绍如何通过js实现移动端图片预览,包括图片的 预览模式,手势缩放,手势拖动,双击放大,单击退出基本功能; 扫码查看示例效果: 代码地址http://pangyongsheng.github.io/imgPreview/ 一、功能介绍 图片预览主要有以下几个功能点组成: 监听图片点击事件,进入图片预览模式 自定义手势事件, (双指缩放,滑动...

HTML5触屏版多线程渲染模板技术分享

  前言: 了解js编译原理的屌丝们都知道,js是单线程的,想当年各路神仙为了实现js的多线程,为了解决innerHTML输出大段HTML卡页面的顽疾,纷纷设计了诸如假冒的“多线程“实现,我自己也在写开源框架KitJs时候,写过类似的组件http://www.cnblogs.com/xueduanyang/archive/2012/05/30/252642...

jQuery(一)

一、什么是 jQuery jQuery 是 js 的一个库,封装了我们开发过程中常用的一些功能,方便我们调用,提高开发效率。 js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里即可。 关于jQuery的相关资料: 官网:http://jquery.com/ 官网API文档:http://api.jquery.com/ 汉化API...