效果格式：2019 年 04 月 13 日 星期六 13 : 24 : 49
上面的类名有多余的  因为这是之前项目中的 方便以后使用  


<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>time</title>

    </head>

    <body>

         <div class="right-currentTime-logOut">

                <span class="year fontDigi"></span>

                 <span class="separator">年</span>

                 <span class="month fontDigi"></span>

                 <span class="separator ">月</span>

                 <span class="day fontDigi"></span>

                 <span class="separator ">日</span>

                 <span class="currentDay-week"></span>

                 <span class="hour fontDigi"></span>

                 <span class="separator">:</span>

                 <span class="minute fontDigi"></span>

                 <span class="separator">:</span>

                 <span class="second fontDigi"></span>

        </div>

        <script type="text/javascript">

            document.addEventListener('DOMContentLoaded', function () {

                var _years = document.querySelector('.year');

                var _months = document.querySelector('.month');

                var _days = document.querySelector('.day');

                var _week = document.querySelector('.currentDay-week');

                var _hours = document.querySelector('.hour');

                var _minutes = document.querySelector('.minute');

                var _seconds = document.querySelector('.second');

                function setText(){

                    var date = new Date();

                    var years = date.getFullYear(),

                        months =date.getMonth() + 1,

                        days = date.getDate();

                        weeks = date.getDay();

                    var hours = date.getHours(),

                        minutes = date.getMinutes();

                       seconds = date.getSeconds();

                    _years.innerHTML = years;

                    if(months < 10){

                        _months.innerHTML =String(0) + String(months);

                    }else{

                        _months.innerHTML =  months;

                    };

                    if(days < 10){

                        _days.innerHTML =String(0) + String(days);

                    }else{

                        _days.innerHTML = days;

                    };

                    if(weeks == 1){

                        _week.innerHTML = '星期一';

                    }else if(weeks == 2){

                        _week.innerHTML = '星期二';

                    }else if(weeks == 3){

                        _week.innerHTML = '星期三';

                    }else if(weeks == 4){

                        _week.innerHTML = '星期四';

                    }else if(weeks == 5){

                        _week.innerHTML = '星期五';

                    }else if(weeks == 6){

                        _week.innerHTML = '星期六';

                    }else{

                        _week.innerHTML = '星期日';

                    };

                    if(hours < 10){

                        _hours.innerHTML =String(0) + String(hours);

                    }else{

                        _hours.innerHTML = hours;

                    };

                    if(minutes < 10){

                        _minutes.innerHTML =String(0) + String(minutes);

                    }else{

                        _minutes.innerHTML = minutes;

                    };

                    if(seconds < 10){

                        _seconds.innerHTML =String(0) + String(seconds);

                    }else{

                        _seconds.innerHTML = seconds;

                    };

                }

                setText();
//定时器

                setInterval(function () {

                    setText();

                }, 1000);

            });

        </script>

    </body>

</html>




												


											
js HTML 年月日星期 时间的的更多相关文章
	

    
								
  1. js中获得当前时间是年份和月份
		
    js中获得当前时间是年份和月份,形如:201208       //获取完整的日期 var date=new Date; var year=date.getFullYear();  var month ...
    
		
    2. 
						
  2. js时间戳如何转时间
		
    js时间戳如何转时间 一.总结 一句话总结:Date对象分别获取年now.getFullYear()月now.getMonth()+1日now.getDate()即可 Date对象分别获取年now.g ...
    
		
    3. 
						
  3. JS实现年月日三级联动+省市区三级联动+国家省市三级联动
		
    开篇随笔:最近项目需要用到关于年月日三级联动以及省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例或者只有单纯的js还不完整,却很难找到详细的具体数据(baidu搜索都 ...
    
		
    4. 
						
  4. js中如何对时间进行设置
		
    js中如何对时间进行设置 Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getF ...
    
		
    5. 
						
  5. js  获取当前的时间
		
    第一个小程序,用js获取当前的时间,,比较特殊的是 月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html>  ...
    
		
    6. 
						
  6. js如何实现一定时间后去执行一个函数
		
    js如何实现一定时间后去执行一个函数:在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数setTimeout(), ...
    
		
    7. 
						
  7. js得到规范的时间格式函数，并调用
		
    1.js得到规范的时间格式函数 Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1 ...
    
		
    8. 
						
  8. js实现获取当前时间是本月第几周和年的第几周的方法
		
    js实现获取当前时间是本月第几周和年的第几周的方法 获取本月第几周的方法: var getMonthWeek = function (a, b, c) { /** * a = d = 当前日期 * b ...
    
		
    9. 
						
  9. html文件在head标签中引入js地址和直接写js代码，所用时间是不同的，因为引入js地址，文件加载的时候需要通过通讯协议去解析地址，读取外部文件
		
    html文件在head标签中引入js地址和直接写js代码,所用时间是不同的,因为引入js地址,文件加载的时候需要通过通讯协议去解析地址,读取外部文件
    
		
    10. 
		

	


随机推荐
	

    
									
  1. AcWing 338. 计数问题
			
    #include <iostream> #include <algorithm> #include <vector> using namespace std; ;  ...
    
			
    2. 
						
  2. Linux上查看当前系统各内存分区信息
			
    命令 ulimit -a -a 查看所有信息,同理,也可以例如 ulimit -s 只查看栈占内存信息
    
			
    3. 
						
  3. Gym-TORCS安装
			
    系统为Ubuntu16.04来安装Gym-TORCS 安装pip: sudo apt-get install python-pip sudo pip install --upgrade pip 安装p ...
    
			
    4. 
						
  4. CDQ 分治
			
    引言: 什么是CDQ分治?其实这是一种思想而不是具体算法,因此CDQ分治覆盖的范围相当广泛,在 OI 界初见于陈丹琦 2008 年的集训队作业中,故被称为CDQ分治. 大致分为三类: cdq分治解决与 ...
    
			
    5. 
						
  5. Linux - Shell - 字符串拼接
			
    概述 shell 的字符串拼接 1. 字符串声明 概述 字符串的基本操作 脚本 1 # 声明字符串 str01="str01" echo ${str01} # 单引号也可以 # 不 ...
    
			
    6. 
						
  6. find 报错 find: paths must precede expression:
			
    编写shell脚本,报错,如下面 [root@localhost backup]#find ./ -name mysqldump* -mtime +3 -delete [root@localhost  ...
    
			
    7. 
						
  7. 论STA | SOCV / POCV 之 variation  （2）
			
    芯片制造涉及到许多复杂重复的过程,如:光刻.蚀刻.离子注入.扩散.退火.而且都是原子级操作,尽管控制非常严格,但偏差不可避免. 工艺偏差会导致芯片物理参数偏差,如:线宽.沟道掺杂浓度.线厚.临界尺寸. ...
    
			
    8. 
						
  8. QT写的一个小工具:阿里云MQTT连接参数生成器.
			
    一.工具介绍. 最近在研究MQTT协议联网的一些问题,现在主流的物联网平台都支持MQTT协议. 在做阿里云平台连接测试的时候,连接参数的生成没有好用的工具, 所以就自己写了一个. 这个工具主要用于阿里 ...
    
			
    9. 
						
  9. 第二次写linux驱动总结
			
    第一次写驱动是在去年,2019年十月份左右.当时是看着韦老师的视频一步步完成的.其中经历了很多error.搭建环境花费了很多精力.时间来到了2020年2月19日星期三,韦老师新视频出来了,我跟着再来了 ...
    
			
    10. 
						
  10. JavaScript可枚举的属性
			
    /* 把P中的可枚举属性复制到o中,并返回o中 如果o和p中含有同名的属性,则覆盖O中的属性 这个函数并不处理getter和setter以及复制属性 */ function extend(o,p){  ...
    
			
    11.