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

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

这是放时间的div

//这是首次加载显示的*************************   
var myDate = new Date();
var year = myDate.getFullYear();//获取年
var month = myDate.getMonth() + 1;//获取月,默认从0开始,所以要加一
var date = myDate.getDate();//获取日
var hours = myDate.getHours();//获取小时
var minutes = myDate.getMinutes();//获取分
var seconds = myDate.getSeconds();//获取秒
var weekend = myDate.getDay(); //获取星期几,这里获得到的是数字1-7,所以我下面自己new了一个数组把获取到的数字当下标
var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var day = weeks[weekend]//这样就是显示的星期x了
  //这些if判断是在小于10的时候前面自动补0
if (month<10) {
month = '0'+month
}
if (date<10) {
date = '0'+date
}
if (hours<10) {
hours = '0'+hours
}
if (minutes<10) {
minutes = '0'+minutes
}
if (seconds<10) {
seconds = '0'+seconds
}
    
$('.basic').append("<span class='year'>"+year+"-"+month+"-"+date+"</span>"+" ")//拼接年月日
$('.basic').append("<span class='hours'>"+hours+":"+minutes+":"+seconds+"</span>"+" ")//拼接时分秒
$('.basic').append("<span class='day'>"+day+"</span>"+" ")星期几
//这里是每隔一秒调用一次改变时分秒的函数*********************************
  $(function(){
setInterval("changeTime();",1000); //每隔一秒运行一次
})
function changeTime() {
myDate = new Date();
year = myDate.getFullYear();
month = myDate.getMonth() + 1;
date = myDate.getDate();
hours = myDate.getHours();
minutes = myDate.getMinutes();
seconds = myDate.getSeconds();
weekend = myDate.getDay();
weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
day = weeks[weekend]
if (month<10) {
month = '0'+month
}
if (date<10) {
date = '0'+date
}
if (hours<10) {
hours = '0'+hours
}
if (minutes<10) {
minutes = '0'+minutes
}
if (seconds<10) {
seconds = '0'+seconds
}
     //这里替换第一次加载的数据
$('.year').html(year+"-"+month+"-"+date)
$('.hours').html(hours+":"+minutes+":"+seconds)
$('.day').html(day)
}

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

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. linux连接Windows系统之项目连接

    在桥接模式下 在linux内需要设置 防火墙关闭 在Windows中连接 linux的ip连接 ***项目 在linux中命令行输入setup-->防火墙配置-->空格-->确定-- ...

  2. python-day9(正式学习)

    目录 深浅拷贝 拷贝 浅拷贝 深拷贝 异常处理 什么是异常 语法错误 逻辑错误 异常的种类 常用的异常 其他异常 异常处理 提前预防 事后预防 抛出异常(基本没用) 断言(调试用,现在基本上没用) 文 ...

  3. python基础之内置函数和匿名函数

      内置函数 学习函数以后多了很多概念,例如函数的命名空间,函数的作用域,函数的调用等等,函数的作用就是为了实现某些功能而方便以后可以调用,内置函数就是这样的一些公共的函数,被称为内置函数. 我们就一 ...

  4. tf.strided_slice函数

    在keras_yolo中model函数下的yolo_head下:grid_shape = K.shape(feats)[1:3] grid_shape: <tf.Tensor 'strided_ ...

  5. openlayers之全屏控件的使用

    import { FullScreen } from 'ol/control' map.addControl(new FullScreen())

  6. linux基本操作和常用命令(2)

    linux基本操作和常用命令(2) 第二部分主要是涉及到用户和组的概念,以及一些操作.涉及到用户和组的共三个文件,分别存放在/etc/shadow(密码信息) /etc/group(组信息) /etc ...

  7. c++ vector数组的使用

    介绍: 首先我们要明白以下几点: 1.vector数组是一个能存放任意数据类型(类,结构,普通变量类型等)的动态数组!,在数据结构中就相当于顺序储存的线性表,寻找元素非常快,但是插入元素的时间却很大( ...

  8. CAS JDK 证书错误学习笔记

    通过之前生产上发现的问题总结得出以下结论:  问题现象就是:由F5 进行分发到cas 两个服务端 导致 客户端访问时  (时好时坏的现象 ) 通过在服务端的查看apahce 的访问日志得出的结论  发 ...

  9. Django学习系列15:把POST请求中的数据存入数据库

    要修改针对首页中的POST请求的测试.希望视图把新添加的待办事项存入数据库,而不是直接传给响应. 为了测试这个操作,要在现有的测试方法test_can_save_a_post_request中添加3行 ...

  10. 第二章 Vue快速入门-- 24 过滤器-Vue中全局过滤器的基本使用

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