html+javaScript--制作显示当前页面时间。

//先上传一个成功的图片

//html代码

<style>
    *{
        margin:0;
        padding:0;
    }
    #box{
        width: 1000px;
        height: 300px;
        background: #b6f2ff;
        text-align: center;
        margin:0 auto;
        line-height: 300px;
        color:red;
        font-size: 50px;
    }
</style>

<div id="box"></div>

<script>
    function timer() {
        //获取标签
        var box=document.getElementById("box");
        var timer=new Date();//当前时间
        var years=timer.getFullYear();//年
        var mon=timer.getMonth()+1;//月
        var date=timer.getDate();//日
        var day=timer.getDay();//星期几
        var hour=timer.getHours();//时
        var min=timer.getMinutes();//分
        var sec=timer.getSeconds();//秒
        //判断 为<10进制时  往前补零
        if(hour<10){//时
            hour = "0" +hour;
        }
        if(min<10){//分
            min = "0" +min;
        }
        if(sec<10){//秒
            sec = "0" +sec;
        }
        var arr=["日","一","二","三","四","五","六"];//用数组的方法储存星期几
        //获取页面html
        box.innerHTML="今年是"+years+"年"+mon+"月"+date+"日 星期"+arr[day]+" "+hour+":"+min+":"+sec+"";
    }//解决一秒钟的空白时间?:页面一加载就调用
     timer();//一加载就调用
     setInterval(timer,1000);//函数，间歇调用时间