如何在html网页右上角添加时钟或者时间

如何在html网页右上角添加时钟或者时间,第1张

把这个DIV放到你想放到的地方,然后修改一下样式就可以了

<style>

.time{...........................}

</style>

<div class="time">

<SCRIPT language=JavaScript>

<!--

tmpDate = new Date()

date = tmpDate.getDate()

month= tmpDate.getMonth() + 1

year= tmpDate.getYear()

document.write(year)

document.write("年")

document.write(month)

document.write("月")

document.write(date)

document.write("日 ")

myArray=new Array(6)

myArray[0]="星期日"

myArray[1]="星期一"

myArray[2]="星期二"

myArray[3]="星期三"

myArray[4]="星期四"

myArray[5]="星期五"

myArray[6]="星期六"

weekday=tmpDate.getDay()

if (weekday==0 | weekday==6)

{

document.write(myArray[weekday])

}

else

{

document.write(myArray[weekday])

}

// -->

</SCRIPT>

</div>

<script type="text/javascript" src="js/jquery.1.8.3.js"></script>

<script type="text/javascript">

    $(function(){

        var now=new Date()

        var text=now.getFullYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+"&nbsp&nbsp&nbsp&nbsp"+now.getHour()+":"+now.getMinutes()+":"+now.getSeconds()

        $("#div1").html(text)

    })

</script>

<div id="div1">

</div>

<script language="Javascript" type="text/javascript"> 

setInterval("timer.innerHTML=new Date().toLocaleString()") 

        window.onload = function (){

  setInterval("timer.innerHTML=new Date().toLocaleString()",1000) 

  }

</script> <div id="timer"></div>

网上有很多,随便搜一下就有了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11265797.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存