js特效时间跳动

2025-09-29 19:09:33

1、新建html文档。

js特效时间跳动

2、在body中输入html代码,和js代码。

本地时间:<span id="localtime"><font color="#000000"></font></span>

<script type="text/javascript">

function showLocale(objD){

var str,colorhead,colorfoot;

var yy = objD.getYear();

if(yy<1900) yy = yy+1900;

var MM = objD.getMonth()+1;

if(MM<10) MM = '0' + MM;

var dd = objD.getDate();

if(dd<10) dd = '0' + dd;

var hh = objD.getHours();

if(hh<10) hh = '0' + hh;

var mm = objD.getMinutes();

if(mm<10) mm = '0' + mm;

var ss = objD.getSeconds();

if(ss<10) ss = '0' + ss;

var ww = objD.getDay();

if  ( ww==0 )  colorhead="<font color=\"#000000\">";

if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#000000\">";

if  ( ww==6 )  colorhead="<font color=\"#000000\">";

if  (ww==0)  ww="星期日";

if  (ww==1)  ww="星期一";

if  (ww==2)  ww="星期二";

if  (ww==3)  ww="星期三";

if  (ww==4)  ww="星期四";

if  (ww==5)  ww="星期五";

if  (ww==6)  ww="星期六";

colorfoot="</font>"

str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;

return(str);

}

function tick(){

var today;

today = new Date();

document.getElementById("localtime").innerHTML = showLocale(today);

window.setTimeout("tick()", 1000);

}

tick();

</script>

js特效时间跳动

3、查看效果。

js特效时间跳动

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢