效果格式：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. 解决Macbook Pro蓝牙不可用问题
			
    谷歌搜索了下,在威锋网看到一个帖子,需要关机重置电源管理单元和系统NVRAM恢复出厂设置,具体操作如下:1.关机2.同时按下shift+control+option+power,保持5秒左右3.先按下 ...
    
			
    2. 
						
  2. 程序设计实验：一个Python游戏，体验软件开发。
			
    小组在GitHub上找了一个Pygame实现的超级马里奥游戏.所以我的学习过程大致如下: 1.快速学习Python基础语法. 2.学习pygame并着手理解这个项目. 3.完成作业以及各种文档报告.  ...
    
			
    3. 
						
  3. poj 3057（bfs+二分匹配）
			
    题目链接:http://poj.org/problem?id=3057 题目大概意思是有一块区域组成的房间,房间的边缘有门和墙壁,'X'代表墙壁,'D'代表门,房间内部的' . '代表空区域,每个空区 ...
    
			
    4. 
						
  4. 矩阵-bzoj1898
			
    This article is made by Jason-Cow.Welcome to reprint.But please post the article's address. BZOJ1898 ...
    
			
    5. 
						
  5. Spark编程基础_RDD初级编程
			
    摘要:Spark编程基础_RDD初级编程 RDD(Resilient Distributed Dataset)叫做弹性分布式数据集,是Spark中最基本的数据抽象,它代表一个不可变.可分区.里面的元素 ...
    
			
    6. 
						
  6. LUA利用第三方API访问数据库
			
    ===========数据库访问--第三方 http { upstream backend { drizzle_server 192.168.4.119:3306 protocol=mysql dbn ...
    
			
    7. 
						
  7. ($children,$refs，$parent)的使用
			
    如果项目很大,组件很多,怎么样才能准确的.快速的寻找到我们想要的组件了?? $refs 首先你的给子组件做标记.demo :<firstchild ref="one"> ...
    
			
    8. 
						
  8. angular 输入框自动绑定值最长为16位，超过16位则会报错
			
    最近发现angular在使用input输入框的ng-model绑定scope变量的时候,发现,输入长串的数字将会出错.代码如下: <html> <head> <meta  ...
    
			
    9. 
						
  9. Spring bean继承
			
    Bean 定义继承 bean 定义可以包含很多的配置信息,包括构造函数的参数,属性值,容器的具体信息例如初始化方法,静态工厂方法名,等等. 子 bean 的定义继承父定义的配置数据.子定义可以根据需要 ...
    
			
    10. 
						
  10. 使用docker容器时遇到的2个问题
			
    最近项目在centOS7服务器上用docker部署了几个服务,在运行的时候发现,总是过一段时间,容器内的根目录就变为只读而无法写入了. 经过调查都是因为docker/devicemapper/devi ...
    
			
    11.