显示当期年月日时间星期

一、显示当期年月日时间

 <span id="mytime"></span>

<script type="text/javascript">
    function showTime(){
        nowtime=new Date();
        year=nowtime.getFullYear();
        month=nowtime.getMonth()+1;
        date=nowtime.getDate();
        document.getElementById("mytime").innerText=year+"年"+month+"月"+date+" "+nowtime.toLocaleTimeString();
    }

    setInterval("showTime()");

</script>

效果图：

二、显示时间和星期

<span id="time"></span>

<script type="text/javascript">
    function showTime(){
        "use strict";
        //创建Date对象获取系统星期和时分秒
        var showtime=new Date().getDay() + " " + new Date().getHours() + ":" + new Date().getMinutes() + ":"
            + new Date().getSeconds();
        //将获取到的星期数字转换成平时我们看到的字符串形式
        switch(new Date().getDay()){
            case 1:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期一";
                break;
            case 2:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期二";
                break;
            case 3:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期三";
                break;
            case 4:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期四";
                break;
            case 5:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期五" ;
                break;
            case 6:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期六";
                break;
            case 7:
                showtime= new Date().getHours() + ":" + new Date().getMinutes() + ":"
                    + new Date().getSeconds()+"星期日";
                break;
        }
        //获取元素ID
        var elementDiv=document.getElementById("time");
        elementDiv.innerHTML=showtime;
    }
    //实现时间动态变化
    window.setInterval("showTime()");
</script>

效果图：

三、年月日当前时间和星期

 <span id="time"></span>
 <span id="weekday"></span>


<script type="text/javascript">
    //页面加载成功后运行
    window.onload=function(){
        //1s加载一次
        setInterval("clock()",1000);
    }

    function clock () {
        //全局变量d，创建Date对象
        d = new Date();
        //获得日期时间控件
        var spt = document.getElementById("time");
        //格式：2018/2/5  19:19:33
        spt.innerHTML=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();

        //获得星期控件
        var spweek = document.getElementById("weekday");
        spweek.innerHTML=week();

    }



//显示星期两种方法


//第一种：
    function week () {
        var weekday = new Array(7)
        weekday[0] = "星期天"
        weekday[1] = "星期一"
        weekday[2] = "星期二"
        weekday[3] = "星期三"
        weekday[4] = "星期四"
        weekday[5] = "星期五"
        weekday[6] = "星期六"

        return weekday[d.getDay()];
    }


//第二种：
 function week(){
		var weekday = d.getDay();
		switch (weekday){
			case 0:
				return "星期天";
				break;
			case 1:
				return "星期一";
				break;
			case 2:
				return "星期二";
				break;
			case 3:
				return "星期三";
				break;
			case 4:
				return "星期四";
				break;
			case 5:
				return "星期五";
				break;
			case 6:
				return "星期六";
				break;
			default:
				return false;
				break;
		}
	}

效果图：