html显示时间日期星期

蜘蛛池qq25496334 2021-12-09 06:13:50 549

html显示时间日期星期,SEO优化()优搜科技8月4日分享网站建设知识

html显示时间日期星期效果图

html代码如下：

<!doctype html>

<html>

<head>

<style>

body {

padding-top: 40px;

}

#main {

margin: auto;

text-align: center;

width: 300px;

height: 200px;

background-color: #0CC;

}

#show_time0,#show_time {

width:300px;

height:100px;

color: #FFF;

}

</style>

</head>

<body>

//这里就一句话就可以显示时间，但不是我想要的最理想结果

setInterval("show_time0.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);

</script>

</div>

//这里代码多了几行，但是不会延迟显示，速度比较好，格式可以自定义，是理想的时间显示

setInterval("fun(show_time)",1);

function fun(timeID){

var date = new Date(); //创建对象

var y = date.getFullYear(); //获取年份

var m =date.getMonth()+1; //获取月份返回0-11

var d = date.getDate(); // 获取日

var w = date.getDay(); //获取星期几返回0-6 (0=星期天)

var ww = ' 星期'+'日一二三四五六'.charAt(new Date().getDay()) ;//星期几

var h = date.getHours(); //时

var minute = date.getMinutes() //分

var s = date.getSeconds(); //秒

var sss = date.getMilliseconds() ; //毫秒

if(m<10){

m = "0"+m;

}

if(d<10){

d = "0"+d;

}

if(h<10){

h = "0"+h;

}

if(minute<10){

minute = "0"+minute;

}

if(s<10){

s = "0"+s;

}

if(sss<10){

sss = "00"+sss;

}else if(sss<100){

sss = "0"+sss;

}

document.getElementById(timeID.id).innerHTML = y+"-"+m+"-"+d+" "+h+":"+minute+":"+s+"."+sss+" "+ww;

//document.write(y+"-"+m+"-"+d+" "+h+":"+minute+":"+s);

}

</script>

</div>

</body>

</html>

文章素材来源于网络由网站优化公司整理分享,不完全代表深圳网站优化公司的观点,如您对文章有任何意见欢迎在下方评论处与我们互动沟通。

关键词： html显示时间日期星期

本文链接：https://zzc.vikiseo.com/s/2165.html

转载声明：本站发布文章及版权归原作者所有，转载本站文章请注明文章来源！

百度算法百度最新算法蜘蛛池

html显示时间日期星期

相关文章