js 获取系统时间:年月日 星期 时分秒(动态)
最近再写一个纯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 获取系统时间:年月日 星期 时分秒(动态)的更多相关文章
- 用js获取实时的获取当前的年月日,时分秒,以及星期
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
- js获取系统时间
//------------------------------------获取系统日期时间 var oDate=new Date(); //alert(oDate.getFullYear());// ...
- JS获取系统时间--JavaScript基础
1.网页中实时显示当前时间 <!DOCTYPE html><html lang="en"><head> <meta charset=&qu ...
- iOS - 获取系统时间年月日,阳历(公历)日期转农历的方法
//获取当前时间 NSDate *now = [NSDate date]; NSLog(@" now date is: %@ ",now); NSCalendar *calenda ...
- js获取系统时间时自动补齐日期带零
最近在开发中发现有日期不规范的问题,正常规则应该是yy-mm-dd,而在输出时候却变成yy-mm-d,这是js的date()方法在作怪 解决思路是若在10号前,则自动给它补齐一个0,下面给出解决方法, ...
- js 获取系统时间
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js 获取当前时间 年月日
var datetime = new Date(); var year = datetime.getFullYear(); var month = datetime.getMonth() + 1 &l ...
- Swift3.0 iOS获取当前时间 - 年月日时分秒星期
Swift3.0 iOS获取当前时间 - 年月日时分秒星期func getTimes() -> [Int] { var timers: [Int] = [] // 返回的数组 let calen ...
- JS获取当前日期及 js获取当前时间和一星期前的时间
var myDate = new Date(); new Date() 代表当前 年 月 日 时 分 秒: myDate.getYear(); //获取当前年份(2位),getY ...
随机推荐
- jdbc简单使用
1.代码 import java.sql.*; public class DBUtil { public static void main(String[] args) throws ClassNot ...
- API 网关性能比较:NGINX vs. ZUUL vs. Spring Cloud Gateway vs. Linkerd
前几天拜读了 OpsGenie 公司(一家致力于 Dev & Ops 的公司)的资深工程师 Turgay Çelik 博士写的一篇文章(链接在文末),文中介绍了他们最初也是采用 Nginx 作 ...
- Spring Boot全局支持CORS(跨源请求)
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet. ...
- C语言No such file or directory错误
昨天晚上因为这个错误,都没睡好觉 早上六点起来查资料,换了个绝对路径就行了 #include"D:\软工专业\数据结构PPT和作业\实验作业\实验上机\单链表的基本操作\HeadFile.h ...
- centos配置vsftp,ftp服务
1.安装vsftp 1.1.安装vsftp,测试安装的vsftpd的版本是:vsftpd.x86_64 0:3.0.2-11.el7_2 yum -y install vsftpd 1.2.修改配置文 ...
- Hive编程指南读书笔记(1):
1.Mapreduce是一种计算模型,将计算任务分割成多个可以在服务器集群中并行执行的任务,然后分散到一群家用的或者服务器级别的硬件机器上,从而降低成本并提供水平可伸缩性. 2.mapreduce的两 ...
- WPF:元素绑定
到目前为止都在讨论如何链接两个元素的绑定.但在数据驱动的应用程序中,更常见的情况是创建从不可见的对象中提取数据绑定表达式.唯一的要求是希望显示的信息必须存储在公有的属性中.WPF数据绑定基础结构不能获 ...
- OpenSSL源码简介
1.X.509标准 x509是由国际电信联盟(ITU-T)制定的数字证书标准:包含公钥和用户标志符.CA等: x509是数字证书的规范,P7和P12是两种封装形式:X.509是常见通用的证书格式.所有 ...
- 从Spring看Web项目开发
之前简单介绍过Spring框架,本文换个角度重新诠释Spring.使用Java语言开发的项目,几乎都绕不过Spring,那么Spring到底是啥,为何被如此广泛的应用,下面从以下两个问题出发来剖析Sp ...
- tomcat性能优化,内存优化和并发线程连接优化
今天被一同事问到tomcat和内存优化的问题,而网上的资料基本都是来回copy,所以抽时间随便写点.文章中设置的参数都是一个随便写的,具体的还要根据自己的情况来定. 1.内存优化: 说到tomcat不 ...