深圳网站优化www.sz-seo.org

html显示时间日期星期-SEO优化sz-seo.org

2018-08-04 21:35:21 深圳SEO公司

html显示时间日期星期,SEO优化(http://www.sz-seo.org/)优搜科技8月4日分享网站建设知识


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

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

html代码如下:

<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>show_time</title>  
<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>  
<div id="main">  
<div id="show_time0" style="">
<script>
//这里就一句话就可以显示时间,但不是我想要的最理想结果
 setInterval("show_time0.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);  
</script>
 
 
</div>
 
 
<div id="show_time">  
<script>  
//这里代码多了几行,但是不会延迟显示,速度比较好,格式可以自定义,是理想的时间显示
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>  
 
</div>  
</body>  
  
</html>  
  
 

深圳专业seo公司优搜联系电话

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

请访问优搜科技 (http://www.sz-seo.org/) 了解更多网站建站,网站优化,网络营销知识:


相关热词搜索:html显示时间日期星期