单击按钮获取当前系统时间

最新推荐文章于 2024-03-16 07:30:52 发布
最新推荐文章于 2024-03-16 07:30:52 发布
阅读量346 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58235030/article/details/123972404
版权

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

  <div id="disp">

  </div>

  <input type="button" value="获取当前时间">

  <script>

 

      document.getElementsByTagName("input")[0].onclick = function (){

          getNowTime();

      }

 

 

    function getNowTime(){

 

      var disp = document.getElementById("disp");

 

      var nowTime = new Date();

      var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]

 

      var year = nowTime.getFullYear();

      var month = nowTime.getMonth() + 1;

      var day = nowTime.getDate();

      var week = week[nowTime.getDay()];

 

      disp.innerText = "今天是：" + year + " 年 " + month + " 月 " + day + " 日 " + week;

    }

 

  </script>

</body>

</html>

富江¢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【前端html+js】实现按下按钮显示当前时间(21位和中国国际时间)
debimeng
10-07 2484
html+js实现按下按钮显示当前时间(21位和中国国际时间) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>时间</title> <!--获取当前时间，格式为：yyyy-mm-dd hh:mm:ss --> <s...
点击开始按钮时显示当前系统时间，点击停止按钮时时间停止
05-17 2178
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/ja...
显示当前时间
qq_51483414的博客
04-05 268
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
js | 按钮获取当前时间
最新发布
weixin_66442839的博客
03-16 377
js | 按钮获取当前时间
html网页获取点击按钮获取当前时间
Dong的博客
06-20 3925
Date
按钮倒计时显示
Steven_one的博客
10-26 410
这是一个简单的小例子，在读研究生，第一次写博客，写的简单，请大牛们见谅啦！每一句都有相应的解释；请需要的人看一下。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"
获取当前点击按钮的id用this.id实现
09-04
主要介绍了获取当前点击按钮的id的方法，,需要的朋友可以参考下
JS实现点击按钮获取页面高度的方法
10-23
主要介绍了JS实现点击按钮获取页面高度的方法,涉及JavaScript针对页面元素高度的各种常见运算,具有一定参考借鉴价值,需要的朋友可以参考下
详解微信小程序获取当前时间及日期的方法
10-17
主要介绍了微信小程序获取当前时间及日期的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Delphi获取系统时间
05-15
摘要:Delphi源码,系统相关,获取时间 Delphi获取系统当前时间是多少，点击窗体上的按钮即可一键获得，程序简单，适合新手参考，没有其它别的功能。 运行环境：Windows/Delphi7
5.1练习——计算页面跳转所需要的时间
dijuyue9784的博客
04-06 519
大概做法，跟上一章差不多。主要差别就是时间的获取的语句。 先说一下需要用到的程序语句。 DateTime.Now 获取现在的系统时间 然后传递时间这个参数的时候，是直接传递，感觉就是将整个时间打包起来传送过去，而不是像上一个那样直接传递字符串 接下来接收和获取的程序语句肯定也是不一样的，使用到了 Request.QueryString ，这个后面加 中括号 [] 直接指定...
案例---点击获得当前时间
qq_46150052的博客
10-29 315
点击按钮会获得当前时间 <!DOCTYPE html> <html lang="en"> <head> <title>点击按钮会获得当前时间</title> <style> div, p { width: 250px; height: 25px; line-height: 25px; colo
JavaScript单击按钮显示系统时间
weixin_47304332的博客
04-05 1794
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="disp"> </div> <input type="button" value="获取当前时间" onclick="getNowTime()
html如何设置时间刷新按钮
不负韶话
05-25 744
**要求： **从系统获取时间，设置一个按钮，可以用于刷新时间，从而改变时间。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态显示时间</title> <script> function refreshTime() { var dateStr; var date = new Date(); date
如何在html上显示时间设置,如何在网页上显示日期的两种方法
weixin_42361611的博客
06-09 8868
在上网的时候，经常会在一些网页上看到当前的日期，如“今天是×年×月×日星期×”等字样。为了显示系统当前的日期，一般采用脚本语言VBScript或javascript，两种语言有其各自的特点，特别在网页教学中，通过这两种语言的运用和对比，能达到较好的教学效果，现分别介绍它们的设计过程。一、采用VBScript脚本语言用VBScript脚本语言来显示系统当前的日期，通常使用其内部提供的日期和时间函数:...
如何在html上显示时间设置,js实现在网页上简单显示时间的方法
weixin_40009393的博客
06-09 766
本文实例讲述了js实现在网页上简单显示时间的方法。分享给大家供大家参考。具体如下：这是一款网页时钟JS代码，纯javascript实现，显示时、分、秒。网页时间显示、网页时钟有很多，这个真的挺简易的，美工好的朋友可在此基础上进一步美化完善简易网页时钟body,div{margin:0;padding:0;}body{color:#fff;font:16px/1.5 \5fae\8f6f\96c5\...
HTML 修改时间日期,关于javascript：HTML输入类型的日期和时间(无时区偏移)
weixin_35721505的博客
06-03 360
我正在使用HTML5输入日期和输入时间进行离子显影。 默认情况下，它绑定为ISO日期字符串，并更改为UTC日期时间。 当用户选择日期2016-06-06时，这对我来说似乎是错误的，取决于时区偏移量，它可能已变为2016-06-07或2016-06-05。 输入类型=时间的情况类似。我的目的是使ISO字符串中的日期保留用户选择的日期，而不是用时区差补偿它。类似于输入datetime-local，但似...
html显示时间，并且实时刷新（详细代码）
热门推荐
『愚』的博客
02-19 2万+
完整代码如下： <div class="showTime">当前时间：2021年2月19-20时35分16秒</div> <script> var t = null; t = setTimeout(time, 1000); //開始运行 function time() { clearTimeout(t); //清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt
在HTML中，使按钮在一定时间内只能点击一次
爱喝雪碧的大个子
02-01 3547
项目场景： 在开发中遇到一个需求，必须保证按钮在一定时间内只可以提交一次请求。如果网速不好，重复提交将会导致页面崩溃。 问题分析： 想要在一定时间内，事件回调函数仅执行一次，需要在外部做一个计时器变量。当进入事件的回调函数时，启动这个计时器，倒计时N秒后，计时器自动关闭。 每次进入事件回调函数的时候都要判断这个计时器是否为启动状态，如果是启动状态，直接跳出不执行事件即可。 解决方案： 举例如下： HTML代码： <button>这是一个按钮</button> jQuery代码：
js点击按钮获取当前日期时间
05-01
你可以使用 JavaScript 的内置 Date 对象来获取当前日期和时间。...当用户点击按钮时，它将调用 `showDateTime()` 函数来获取当前日期和时间，并将其显示在段落元素中。你可以根据需要调整代码以满足你的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值