JS显示时间

最新推荐文章于 2023-04-14 17:56:38 发布
最新推荐文章于 2023-04-14 17:56:38 发布
阅读量64 收藏
点赞数
文章标签： c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57763117/article/details/119940758
版权

1.首先将布局摆放好

先在网页上放置一个按钮

既  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>

weixin_57763117
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js时间显示
04-19
NULL 博文链接：https://8214qiu.iteye.com/blog/1859568
JavaScript 当前时间显示（js）
z_haaaa的博客
04-03 483
【代码】JavaScript 当前时间显示。
JS时间显示
Andriivo的专栏
08-20 184
xml 代码 &lt;html&gt;     &lt;head&gt;     &lt;title&gt;倒计时&lt;/title&gt;     &lt;body&gt;     &lt;script language=JavaScript&gt;     var now = new Date("11/26/2006 " + 10 +
javaScript时间动态显示
h
07-11 3429
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
js显示时间日期
01-13
js显示时间日期
js显示时间 js显示最后修改时间
10-27
本文介绍js如何显示最后修改时间，在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间,有需要的朋友可以参考下
JS 时间显示效果代码
10-29
用的就是一个递归调用的思想！
JS显示时间的函数代码，简单明了
07-20
JS显示时间的函数代码，写法简单明了，很适合前端开发
用js显示当前时间
2302_77621744的博客
04-14 1856
在初步学习js时，可能会有一些朋友能用上js来显示时间，因此我在此提供一种方法供大家参考。其中，关键代码是js。
使用JavaScript动态显示时间
05-23
使用JavaScript动态显示出时间，使用setTimeout(),秒钟每隔一秒增加.....
JS动态显示当前时间
09-02
JS动态显示当前时间 动态的显示当前系统时间 非常好用
javascript中打印当前的时间
ma451152002的专栏
12-18 4738
/* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);//显示月份 0-11，需要加1 alert(da
Js实现实时显示系统时间（获取当前时间并显示）
热门推荐
琅枫的博客
04-19 3万+
js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。 首先我们来了解一下js获取当前时间所需的一些方法： 获取当前时间： var d = new Date();//获取系统当前时间 获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段 说明：当年
JavaScript实现显示时间功能
S_Tian的博客
11-27 301
<body> <span id="time"></span> <script> function time(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; month = month&lt...
js 页面显示时间
qq_44725468的博客
01-30 278
html js 显示当前时间 function getTime() { var myDate = new Date(); var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????) var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月) var myToday = myDate.getDate
用js显示日期时间
m0_52434369的博客
06-30 928
用js在页面上显示时间，日期，以s为单位更新，有详细的注解。对才接触js的小白超级友好，可以直接复制代码看效果哟！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
js 显示当前时间
lndalian200的博客
09-10 104
JS 显示系统时间。   函数如下： &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); /...
js获取系统时间并刷新
qq_35854462的博客
08-12 590
js代码 window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); } //js 获取当前时间 function fnDate(){
js修改时间显示格式
最新发布
01-11
// 在文本框中显示时间 document.getElementById('timeTextBox').value = formattedTime; ``` 这段代码会获取当前时间，并将其格式化为"年-月-日 时:分:秒"的形式，然后将格式化后的时间显示在id为"timeTextBox"的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值