JS显示时间

最新推荐文章于 2023-05-13 10:00:00 发布
最新推荐文章于 2023-05-13 10:00:00 发布
阅读量114 收藏
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ndiedie/article/details/116945033
版权

开发工具与关键技术： Dw

作者：nd

撰写时间：2021/5/17

首先将布局摆放好

先在网页上放置一个按钮

既 button标签，这个标签的作用是用来调用方法

通过 onClick 属性绑定事件

将一切放置好后 就可以写需要的函数了

Function 然后在里面写出要使用的函数

因为写的是控制台方法所以要使用

console.log函数

在console.log函数内嵌套多种方法，或将函数输出

所以将function写好后就准备开始写核心函数

首先先获取年月日

var date=new Date();

获取本地时间

var year=date.getFullYear();

获取年期

var mouth=date.getMonth()+1;

获取当前月份 为什么加一 是因为月份数组只有11月

是从0开始数的

然后再分别绑定 获取四个本地时间

var day=date.getDate(); 本地时间

var hours=date.getHours(); 时

var minute=date.getMinutes();分

var second=date.getSeconds(); 秒

 

然后再利用 三目运算

mouth=mouth<=9?"0"+mouth:mouth;

day=day<=9?"0"+day:day;

hours=hours<=9?"0"+hours:hours;

minute=minute<=9?"0"+minute:minute;

second=second<=9?"0"+second:second;

将大于9数重置为0；

再将整合起来

var str=year+"年"+mouth+"月"+day+"日"+hours+"时"+minute+"分"+second+"秒";

最后将函数再控制台输出

console.log（str）

 

源代码分享

如果需要输出在网页上只要调用innerHTML方法即可 

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>时间显示上课</title>

<link rel="stylesheet" href="css/style.css">

</head>

 

<body>

<div class="container">

<span id="time">2021年03月28日 08时00分00秒</span>

</div>

<div class="btngroup">

<button onClick="showTime()">开始</button> </div>

 

<script>

function showTime(){

var date=new Date();

var year=date.getFullYear();

var mouth=date.getMonth()+1;

var day=date.getDate();

var hours=date.getHours();

var minute=date.getMinutes();

var second=date.getSeconds();

mouth=mouth<=9?"0"+mouth:mouth;

day=day<=9?"0"+day:day;

hours=hours<=9?"0"+hours:hours;

minute=minute<=9?"0"+minute:minute;

second=second<=9?"0"+second:second;

var str=year+"年"+mouth+"月"+day+"日"+hours+"时"+minute+"分"+second+"秒";

console.log(str)

}

</script>

</body>

</html>

ndiedie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss"
03-03
JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss"，取时间格式的方法和函数
js中Date对象 倒计时练习
ramosTears123的博客
03-27 594
效果图: 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ font-size:60px;...
JavaScript+html实现倒计时
qq_36507046的博客
07-13 4005
实例化时间对象 语法： let date = new Date() 当前时间 let date = new Date('2021-6-13 9:45:00') 指定时间获取时间对象语法：date.getFullYear() 获得年份date.getMonth() + 1 获得月份，月份的取值范围为0-11，实际月份需要+1date.getDate() 获得月份中的每一天date.getHours() 获得时date.getMinutes() 获得分date.getSeconds() 获得秒。.
javascript (日期)Date对象的一些使用和方法
weixin_45441470的博客
03-22 4205
一.从时间日期对象中获取具体的时间 // 从时间日期对象中获取具体的时间 var date = new Date() console.log(date); // 获取年份 - 对象.getFullYear() var year = date.getFullYear() console.log(year); // 获取月份 - 对象.getMonth() - 在对象中，使用0~11来描述1~12月 var month = date.getMonth() + 1 // 因为获取到的月份会比实际月份小1，所以
获取时间的方法
qq_53613764的博客
03-29 58
/ 一天的毫秒数// 现在的时间m = m < 10?d = d < 10?h = h < 10?
js显示时间日期
01-13
js显示时间日期
js显示时间 js显示最后修改时间
10-27
本文介绍js如何显示最后修改时间，在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间,有需要的朋友可以参考下
JS 时间显示效果代码
10-29
用的就是一个递归调用的思想！
JS显示时间的函数代码，简单明了
07-20
JS显示时间的函数代码，写法简单明了，很适合前端开发
js时间显示
04-19
NULL 博文链接：https://8214qiu.iteye.com/blog/1859568
Date
Albert_ChengXY的博客
08-12 281
date 获取时间 var date=new Date();创建日期对象 date.getFullYear()获取年份 date.getMonth()+1 获取月份是从0开始的，所以要+1 date.getDate()获取日期 date.getDay()获取星期 从0开始 0就是星期日 1是星期1 date.getHours() 获取小时 date.getMinutes() 获取分钟 date.getSeconds() 获取秒 date.getMilliseconds() 获取毫秒 date.getUT
JavaScript获取日期——笔记
学习使我快乐_玉祥
08-11 514
var now = new Date(); var year = now.getFullYear(); var month=now.getMonth()+1; var day=now.getDay(); //有些旧版浏览器不兼容下面这种方式 var date=`${year}/${month}/${day}`; //通用 var date=year+"/"+month+"/"+day;
JavaScript时间对象详解，配合案例讲解
zhangawei123的博客
10-26 482
本文章将会讲解JavaScript里面的时间对象，主要是Date()获取日期时间，和时间戳的知识和应用，在讲解中配合案例来加深大家的理解。
js 获取北京时间
qq_38188762的博客
08-27 1941
var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0"); xmlhttp.open("GET", "http://bjtime.cn", false); xmlhttp.setRequestHeader("If-Modified-Since", "bjtime"); xmlhttp.send(); var dateStr = xmlhttp.g...
vbnet 显示当下 年月日 时分秒
laocooon的博客
08-05 1779
Sub Main() Dim Str1 As String = "" Str1 = "今天是 " Str1 &= Year(Now) & "年" Str1 &= Month(Now) & "月" Str1 &= Day(Now) & "日" & vbCrLf Str1 &= "现在是北京时间 " & Hour(Now) & ":".
js-定时器
weixin_33968104的博客
01-08 149
定时器 定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 /* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setT...
Js实现实时显示系统时间（获取当前时间并显示）
琅枫的博客
04-19 3万+
js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。 首先我们来了解一下js获取当前时间所需的一些方法： 获取当前时间： var d = new Date();//获取系统当前时间 获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段 说明：当年
如何在JavaScript中获取当前时间yyyymmddhhmmss? (六种实现方式)
热门推荐
欢迎光临~
05-13 4万+
在编写JavaScript代码时，我们经常需要获取当前日期和时间。在本文中，我们将介绍几种获取当前时间并将其格式化为的字符串的方法。
用js显示当前时间
2302_77621744的博客
04-14 1863
在初步学习js时，可能会有一些朋友能用上js来显示时间，因此我在此提供一种方法供大家参考。其中，关键代码是js。
js修改时间显示格式
最新发布
01-11
// 在文本框中显示时间 document.getElementById('timeTextBox').value = formattedTime; ``` 这段代码会获取当前时间，并将其格式化为"年-月-日 时:分:秒"的形式，然后将格式化后的时间显示在id为"timeTextBox"的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值