当前时间-倒计时下载

效果:

代码:

<!doctype html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>倒计时js代码</title><style>*{margin: 0;padding: 0;list-style: none;}body{font-size: 18px;text-align: center;}.time{height: 30px;padding: 200px;}</style>
</head>
<body></div><!--当前时间--><div id="show"></div>
</body><script>//当前时间
    window.onload = function() {var show = document.getElementById("show");setInterval(function() {var time = new Date();// 程序计时的月从0开始取值后+1var m = time.getMonth() + 1;var t = time.getFullYear() + "-" + m + "-" + time.getDate() + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();show.innerHTML = t;}, 1000);};
</script></html>

动态显示当前时间,带日期

效果:

代码:

//动态显示当前的时间function GetTime(obj) {var myDate = new Date();var Today = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];//获取当前年var Years = myDate.getFullYear();//获取当前月var Months = myDate.getMonth() + 1;//获取当前日var Dates = myDate.getDate();//获取当前天是当前周的第几天var Days = Today[myDate.getDay()];//获取当前的时var Hours = myDate.getHours();//获取当前的分var Minutes = myDate.getMinutes();//获取当前的秒var Seconds = myDate.getSeconds();Months = Months < 10 ? "0" + Months : Months;Dates = Dates < 10 ? "0" + Dates : Dates;Hours = Hours < 10 ? "0" + Hours : Hours;Minutes = Minutes < 10 ? "0" + Minutes : Minutes;Seconds = Seconds < 10 ? "0" + Seconds : Seconds;return Years + "年" + Months + "月" + Dates + "日" + " " + Days + " " + Hours + ":" + Minutes + ":" + Seconds;}function showTitleInfo() {document.getElementById("dateInfo").innerHTML = GetTime();setTimeout("showTitleInfo()", 1000);}showTitleInfo();

转载于:https://www.cnblogs.com/cang12138/p/6211840.html

JavaScript—当前时间相关推荐

  1. javascript 显示时间

    javascript 显示时间 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...

  2. javascript日期时间操作总结

    js获得当前系统日期时间 < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http: ...

  3. html关于计时的函数,关于JavaScript获取时间函数及实现倒计时

    关于JavaScript获取时间函数及实现倒计时 JavaScript获取当前时间函数 var time=new Date() 获取时间函数 Date() 返回当日的日期和时间. getDate() ...

  4. 用MVC来实现javaScript的时间效果

    用MVC来实现javaScript的时间效果 开发工具与关键技术: MVC javascript 作者:沈金凤 年级:18级(5)班 撰写日期:2019年2月11日 除了再Html中写javaScri ...

  5. 【JavaScript】时间与时间戳相互转换

    [JavaScript]时间与时间戳相互转换 文章目录 [JavaScript]时间与时间戳相互转换 1.时间戳 2.时间戳转换为时间 3.时间转换为时间戳 4.时间yyyy-MM-dd HH:mm: ...

  6. JavaScript 的时间使用

    获取JavaScript 的时间使用内置的Date函数完成 var mydate = new Date(); mydate.getYear(); //获取当前年份(2位) mydate.getFull ...

  7. JavaScript日期时间详解

    JavaScript日期时间详解 日期与时间 获取时间对象 var date=new Date() 时间的获取方法 date.toString() date.toLocaleString() date ...

  8. Javascript日期时间表现形式互转

    在一门语言里,一个日期时间一定有3种表现形式,字符串(如2010-11-11 05:07:08),Long型(一般是1970年1月1日至今的毫秒数),内置对象(在Javascript中就是Date): ...

  9. jc-datetime :JavaScript 日期时间实用编程

    JavaScript 日期时间实用编程 jc-datetime 文档 邮箱 :291148484@163.com npm 主页:https://www.npmjs.com/package/jc-dat ...

  10. 7 个漂亮的 JavaScript 的时间轴组件 [转]

    时间轴:通过互联网技术,依据时间顺序,把一方面或多方面的 时间足迹事件串联起来,形成相对完整的记录体系,再运用图文的形式呈现给用户:时间轴可以运用于不同领域,最大的作用就是把过去的事物系统化.完整化. ...

最新文章

  1. cds.data:=dsp.data赋值有时会出现AV错误剖析
  2. wxWidgets:wxToolbook类用法
  3. linux音频框架分析,Alsa音频子系统Codec---al5623.c内核代码框架分析
  4. 什么样的人贷款更容易?
  5. Android之使用Intent跳转到一个网页
  6. Flask Oauth
  7. oracle 数据的定义,oracle——数据定义
  8. 39页第五题计算数列之和
  9. nis+nfs+autofs
  10. 量化投资学习——多因子权重组合优化问题
  11. 无法退休的董小姐?董明珠继任格力董事长
  12. 如何将.frm,.MYD,.MYI文件导入数据库
  13. led屏背后线路安装图解_液晶拼接屏安装方法图解及接线方法
  14. 我(作为一名开发者)所犯过的错误
  15. OVM-V1.3正式发布,新增三大功能 ,采用全新UI界面
  16. BookKeeper源码解析之Bookie启动流程(一)
  17. win10 GTX1050配置VS19+CUDA10.2+CUDNN
  18. s7300的db块详细说明_西门子db数据块详解
  19. 判断手机号是否可注册淘宝
  20. sanicOpenApi 学习

热门文章

  1. POJ2155 Matrix
  2. C#问题——interface class
  3. 新的任务范式:Program-guided Tasks
  4. EMNLP 2021 投稿FAQ
  5. 【对话】对话系统经典:检索式对话
  6. 【短文本聚类】TextCluster:短文本聚类预处理模块 Short text cluster
  7. 数据科学包11-数据可视化
  8. Java网络编程进阶:通过JSSE创建安全的数据通信
  9. Mesos超配:让集群利用率可以达到100%
  10. 身份认证设计的基本准则