最近再写一个纯html页面,有时间和天气的数据,天气后台给接口,时间要自己获取,我就自己弄了下,

  1. <div class="basic"></div>

这是放时间的div

  1. //这是首次加载显示的*************************
    var myDate = new Date();
  2. var year = myDate.getFullYear();//获取年
  3. var month = myDate.getMonth() + 1;//获取月,默认从0开始,所以要加一
  4. var date = myDate.getDate();//获取日
  5. var hours = myDate.getHours();//获取小时
  6. var minutes = myDate.getMinutes();//获取分
  7. var seconds = myDate.getSeconds();//获取秒
  8. var weekend = myDate.getDay(); //获取星期几,这里获得到的是数字1-7,所以我下面自己new了一个数组把获取到的数字当下标
  9. var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
  10. var day = weeks[weekend]//这样就是显示的星期x了
      //这些if判断是在小于10的时候前面自动补0
  11. if (month<10) {
  12. month = '0'+month
  13. }
  14. if (date<10) {
  15. date = '0'+date
  16. }
  17. if (hours<10) {
  18. hours = '0'+hours
  19. }
  20. if (minutes<10) {
  21. minutes = '0'+minutes
  22. }
  23. if (seconds<10) {
  24. seconds = '0'+seconds
  25. }
  26.     
  27. $('.basic').append("<span class='year'>"+year+"-"+month+"-"+date+"</span>"+" ")//拼接年月日
  28. $('.basic').append("<span class='hours'>"+hours+":"+minutes+":"+seconds+"</span>"+" ")//拼接时分秒
  29. $('.basic').append("<span class='day'>"+day+"</span>"+" ")星期几
  30. //这里是每隔一秒调用一次改变时分秒的函数*********************************
      $(function(){
  31. setInterval("changeTime();",1000); //每隔一秒运行一次
  32. })
  33. function changeTime() {
  34. myDate = new Date();
  35. year = myDate.getFullYear();
  36. month = myDate.getMonth() + 1;
  37. date = myDate.getDate();
  38. hours = myDate.getHours();
  39. minutes = myDate.getMinutes();
  40. seconds = myDate.getSeconds();
  41. weekend = myDate.getDay();
  42. weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
  43. day = weeks[weekend]
  44. if (month<10) {
  45. month = '0'+month
  46. }
  47. if (date<10) {
  48. date = '0'+date
  49. }
  50. if (hours<10) {
  51. hours = '0'+hours
  52. }
  53. if (minutes<10) {
  54. minutes = '0'+minutes
  55. }
  56. if (seconds<10) {
  57. seconds = '0'+seconds
  58. }
         //这里替换第一次加载的数据
  59. $('.year').html(year+"-"+month+"-"+date)
  60. $('.hours').html(hours+":"+minutes+":"+seconds)
  61. $('.day').html(day)
  62. }

水平有限,就现在这里记录一下吧

js 获取系统时间:年月日 星期 时分秒(动态)的更多相关文章

  1. 用js获取实时的获取当前的年月日,时分秒,以及星期

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...

  2. js获取系统时间

    //------------------------------------获取系统日期时间 var oDate=new Date(); //alert(oDate.getFullYear());// ...

  3. JS获取系统时间--JavaScript基础

    1.网页中实时显示当前时间 <!DOCTYPE html><html lang="en"><head> <meta charset=&qu ...

  4. iOS - 获取系统时间年月日,阳历(公历)日期转农历的方法

    //获取当前时间 NSDate *now = [NSDate date]; NSLog(@" now date is: %@ ",now); NSCalendar *calenda ...

  5. js获取系统时间时自动补齐日期带零

    最近在开发中发现有日期不规范的问题,正常规则应该是yy-mm-dd,而在输出时候却变成yy-mm-d,这是js的date()方法在作怪 解决思路是若在10号前,则自动给它补齐一个0,下面给出解决方法, ...

  6. js 获取系统时间

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. js 获取当前时间 年月日

    var datetime = new Date(); var year = datetime.getFullYear(); var month = datetime.getMonth() + 1 &l ...

  8. Swift3.0 iOS获取当前时间 - 年月日时分秒星期

    Swift3.0 iOS获取当前时间 - 年月日时分秒星期func getTimes() -> [Int] { var timers: [Int] = [] // 返回的数组 let calen ...

  9. JS获取当前日期及 js获取当前时间和一星期前的时间

    var myDate = new Date();     new Date() 代表当前 年 月 日 时 分 秒: myDate.getYear();        //获取当前年份(2位),getY ...

随机推荐

  1. Python中的 _init__和 _new__的区别

    使用python 的面向对象写过程序之后,相信童鞋对 __init__ 方法已经非常的熟悉了.这个方法通常是 在初始化一个实例的时候使用的. 例如: class MysqlConnector(obje ...

  2. DLL的创建与使用

    一.动态链接库(DLL) 动态链接库提供了一种方法,使进程可以调用不属于其执行代码的函数.函数的可执行代码位于一个.dll文件中,该文件包含一个或多个已被编译.链接并使用它们的进程分开存储的函数. 优 ...

  3. JavaScript和JSON转化

    1, JSON转JavaScript JSON.parse():https://www.runoob.com/json/json-parse.html 2, JavaScript转JSON JSON. ...

  4. CVE-2018-20169漏洞学习

    简介 在4.19.9之前的Linux内核中发现了一个问题.USB子系统在读取与驱动程序/ USB /core/usb.c中的_usb_get_extra_descriptor相关的额外描述符时错误地检 ...

  5. JMS消息通信服务

    什么是Java消息服务 Java消息服务指的是两个应用程序之间进行异步通信的API,它为标准消息协议和消息服务提供了一组通用接口,包括创建.发送.读取消息等,用于支持JAVA应用程序开发.在J2EE中 ...

  6. 如何让 node 运行 es6 模块文件,及其原理

    如何让 node 运行 es6 模块文件,及其原理 最新版的 node 支持最新版 ECMAScript 几乎所有特性,但有一个特性却一直到现在都还没有支持,那就是从 ES2015 开始定义的模块化机 ...

  7. JS图片轮播[左右轮播

    直接可以用,网上摘下来的! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...

  8. 简单了解TCP/IP与HTTP

    这种东西网上资源非常丰富,完全没有必要造轮子,更何况 这也不是你能造的啊,来 上连接 TCP/IP https://www.runoob.com/tcpip/tcpip-intro.html HTTP ...

  9. PyCharm上unittest 测试用例两种执行方式

    每次讲到unittest测试框架的时候,经常有同学在群里反映,为啥我的运行不是按照我往suite里添加的用例顺序执行的,为什么别人的能跑出来报告,我的就不行... 当然,首先确认代码是OK的,如果代码 ...

  10. 双向BFS统计

    Hdu1195 两个四位密码 问你最少多少步能到达 /*Huyyt*/ #include<bits/stdc++.h> #define mem(a,b) memset(a,b,sizeof ...