中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

html+js動(dòng)態(tài)時(shí)鐘鐘表制作方法

2018-11-01    來(lái)源:學(xué)做網(wǎng)站論壇

容器云強(qiáng)勢(shì)上線!快速搭建集群,上萬(wàn)Linux鏡像隨意使用

我們?cè)谟行┚W(wǎng)站上看到會(huì)在網(wǎng)站的某個(gè)位置顯示一個(gè)動(dòng)態(tài)變化的時(shí)鐘,它是一秒秒的變化。對(duì)于這種效果,我們自己做網(wǎng)站時(shí)也可以制作出來(lái),只需要通過(guò)JS就可以很輕松的實(shí)現(xiàn)。先看下效果:

1

在自己網(wǎng)站上使用html js制作動(dòng)態(tài)時(shí)鐘鐘表的方法如下:

  1. 在網(wǎng)站的頭部文件</head>標(biāo)簽上方放入以下的JS代碼:
    
    
    <script>
    window.onload=getTime;
    function getTime(){
    var today=new Date();
    var year=today.getFullYear();
    var month=today.getMonth()+1;
    var day=today.getDay();
    var hours=today.getHours();
    var minutes=today.getMinutes();
    var seconds=today.getSeconds();
    if(minutes<10){
    minutes="0"+minutes;
    }
    if(seconds<10){
    seconds="0"+seconds;
    }
    var time =year+'年'+month+'月'+day+'日'+hours+":"+minutes+":"+seconds;
    document.getElementById('clock').innerHTML=time;
    setInterval("getTime()",1000)
    }
    </script>
  2. 使用以下的HTML代碼來(lái)調(diào)用顯示動(dòng)態(tài)時(shí)鐘鐘表。(如果對(duì)HTML不了解,可以學(xué)習(xí)一下html視頻教程)
    
    
    <div id="clock">  </div>

除了使用html+js制作動(dòng)態(tài)時(shí)鐘鐘表之外,還可以創(chuàng)建一個(gè)JS文件,然后把第一步的JS代碼放到JS文件中,然后通過(guò)JS的調(diào)用的方式 ,把JS文件調(diào)用到HTML網(wǎng)頁(yè)中,這樣就會(huì)代碼簡(jiǎn)潔了很多。

標(biāo)簽: 代碼

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請(qǐng)與原作者聯(lián)系。

上一篇:ps安裝后出現(xiàn)”不能完成要求,因?yàn)樽?cè)信息丟失或無(wú)效”解決方法

下一篇:如何在網(wǎng)站中加入滾動(dòng)文字或圖片