最近再写一个纯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. Git的常见操作

    1.git init:初始化     git status:查看版本状态     git log : 查看提交日志

  2. python实现:递归删除文件并保存删除记录

    说明: 此脚本用于删除指定目录及子目录下符合删除规则的文件,并将删除的文件记录到指定目录下的指定文件,便于查看删除记录. 注意: 此脚本删除的文件,不会进入回收站,将被直接彻底删除,请谨慎操作!!! ...

  3. Django之ORM操作.md

    1.ORM简介 MVC或者MVC框架中包括一个重要的部分,就是ORM,它实现了数据模型与数据库的解耦,即数据模型的设计不需要依赖于特定的数据库,通过简单的配置就可以轻松更换数据库,这极大的减轻了开发人 ...

  4. 安装Python环境

    首先我们来安装Python,Python3.5+以上即可 1.首先进入网站下载:点击打开链接(或自己输入网址https://www.python.org/downloads/),进入之后如下图,选择图 ...

  5. DES加密解密 MD5加密解密

    #region MD5 加密 /// <summary> /// MD5加密静态方法 /// </summary> /// <param name="Encry ...

  6. Linux Exploit系列之六 绕过ASLR - 第一部分

    绕过ASLR - 第一部分 什么是 ASLR? 地址空间布局随机化(ASLR)是随机化的利用缓解技术: 堆栈地址 堆地址 共享库地址 一旦上述地址被随机化,特别是当共享库地址被随机化时,我们采取的绕过 ...

  7. Seeker:一款可获取高精度地理和设备信息的工具分析

    Seeker是一款可以获取高精度地理和设备信息的工具.其利用HTML5,Javascript,JQuery和PHP来抓取设备信息,以及Geolocation接口实现对设备高精度地理位置的获取. See ...

  8. 利用python3 爬虫 定制版妹子图mzitu爬取

    在刚开始学爬虫的时候,用来练手的基础爬虫就是爬取各种妹子图片,前几天同时说了这个,便准备随便写一个...最后发现真是三天不练..什么都记不住了!!所以花了政治一天重新写了一个爬虫程序,并且支持按照时间 ...

  9. Spark 2.43读取.json文件入库到MySQL 8

    如果没有安装包,可以用我的这个 百度网盘链接点击进入 提取码: eku1 解压之后 准备开始配置环境变量 如果运行时候报错参考 (java.io.IOException: Could not loca ...

  10. Web前端开发解耦1

    在网站建设的工作中,Web前端工程师占据着非常重要的位置,好的前端工程师保证了良好的网站优化以及友好的用户体验.今天佚站互联主要分享一下对于Web前端开发规范的一些见解. 学过面向对象编程的朋友应该都 ...