夜夜爽妓女8888视频免费观看-久久精品国产一区二区三区四区-一本色道久久综合亚洲精品不卡-婷婷五月深深久久精品-亚洲精品在线-亚洲日韩欧美一区二区三区-精品视频二区三区-h无码动漫在线观看-蜜桃产品一区一区三区MV-色综合网天天综合色中文男男-全是啪啪的精彩小说全集,亚洲日产资源,神馬影院午夜理论片在线观看,国产美女视频黄是免费

學生網頁作業使用HTML+JS實現動態時間顯示

更新時間:2019-12-20   文章分類:網頁技術課堂

方法一:可顯示日期、上午下午、時間秒針動態實時變化
1.JS部分放到<head></head>區間
<script language="javascript">
        var t = null;
        t = setTimeout(time,1000);//開始執行
        function time()
        {
            clearTimeout(t);//清除定時器
            dt = new Date();
            var y=dt.getYear()+1900;
            var mm=dt.getMonth()+1;
            var d=dt.getDate();
            var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
 
            var day=dt.getDay();
            var h=dt.getHours();
            var m=dt.getMinutes();
            var s=dt.getSeconds();
            if(h<10){h="0"+h;}
            if(m<10){m="0"+m;}
            if(s<10){s="0"+s;}
if(h<12){  document.getElementById("timeShow").innerHTML =  "你好,上午好!今天是"+y+"年"+mm+"月"+d+"日"+h+":"+m+":"+s+"";}
if(h>= 12){  document.getElementById("timeShow").innerHTML =  "你好,下午好!今天是"+y+"年"+mm+"月"+d+"日"+h+":"+m+":"+s+"";}
if(h>= 20){  document.getElementById("timeShow").innerHTML =  "你好,晚上好!今天是"+y+"年"+mm+"月"+d+"日"+h+":"+m+":"+s+"";}
            t = setTimeout(time,1000); //設定定時器,循環執行
        }
</script>
2.要顯示的地方插入<div id="timeShow"></div>

方法二:可顯示日期,上午下午等
   <script type="text/javascript">
var today = new Date(); //新建一個Date對象
var date = today.getDate();//查詢當月日期
var day = today.getDay();//查詢當前星期幾
var month = today.getMonth()+1;//查詢月份
var year = today.getFullYear();//查詢年份
var hour=today.getHours();
var morning="";
 if ( hour<12) morning="你好,上午好!";
 if ( hour>=12) morning="你好,下午好!";
 if ( hour>=20) morning="你好,晚上好!";
var week="";
if (day==0) week='星期日';
if (day==1) week='星期一';
if (day==2) week='星期二';
if (day==3) week='星期三';
if (day==4) week='星期四';
if (day==5) week='星期五';
if (day==6) week='星期六';
document.write(morning+"今天是" +year+"年"+month+"月"+date+"日 "+week+" ");
</script>

STU網頁公眾號

STU網頁設計專注于DW網頁設計制作,學生網頁設計作業,簡單網頁模板下載,HTML靜態網頁成品,網頁設計代做,網站作品定制,網頁畢業設計制作,學生dreamweaver網頁成品...

qq code back_top

QQ掃碼咨詢

微信掃碼咨詢