㈠ html编写时间和日期
效果图:
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<span id="date"></span> <br>
<span id="week"></span>
</div>
<script>
var showDate = document.getElementById('date'); // 获取页面元素
var showWeek = document.getElementById('week'); // 获取页面元素
var time = new Date();
var year = time.getFullYear(); //获取年份
var month = correctDate(time.getMonth() + 1); //获取月份
var day = correctDate(time.getDate()); //获取日期
var date = "今天是" + year + "年" + month + "月" + day + "日";
var week = time.getDay(); // 获取星期几,返回的是0/1/2/3/4/5/6 0代表周日
var weeks = [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var toWeek = weeks[week]; // 获取今日星期
showDate.innerHTML = date; // 将日期显示在页面
showWeek.innerHTML = toWeek; // 将星期显示在页面
/* 这是一个规范数字的函数:
当时间小于10时,在数字前面加上0,统一都是用两个数字表示,
比如3月5日就显示03月05日
*/
function correctDate(date){
if(date<10){
return '0'+date;
}
return date;
}
</script>
</body>
</html>
云里雾里。 这位同学的代码很强悍,我完全不知道它的运作原理是什么……雷!
你新建一内个php文件,然容后输入以下内容:
当前时间: <?php echo date("Y年-m月-d日 H:i:s",time()); ?>
就可以实现你的效果了,最重要的是<?php 到 ?>这对标签之间的内容。
有什么不懂的给我邮件发咨询。
㈢ htm网页中插入可自动更新的时间代码是什么谢谢!
<script language="javaScript">
<!--hide script from old browsers
document.write("本页最后更新日期: " + document.lastModified + "")
// end hiding -->
</script>
我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。
如果我们把代码复制到如下的表格中,则每次这个页面的html文件更改时,表格中便自动显示出更新时间
本页最后更新日期: 04/19/2006 10:32:21 本页最后更新日期: 07/10/2000 14:26:37
代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,可以去试一试
㈣ 求一个 html时分秒代码
没有图片看不出什来么效果,你自可以在浏览器打开按F12看看div的大小有没有设置正确!
时间代码如下:
js"><scripttype="text/javascript">
functionshowTime()
{
varmyDate=newDate();//定义日期与时间变量
varhour=myDate.getHours();
varminutes=myDate.getMinutes();
varseconds=myDate.getSeconds();
if(hour<10)
hour="0"+hour;
if(minutes<10)
minutes="0"+minutes;
if(seconds<10)
seconds="0"+seconds;
document.getElementById("time").innerHTML="北京时间:"+hour+":"+minutes+":"+seconds;
setTimeout("showTime()",1000);
}
window.onload=showTime;
</script>
㈤ html表单年月日怎么弄
做年月日输入框的方法新建一个html文件2在文件中添加html代码架构在body标签里面使用inp标签添加输入框,并使用type属性实现年月日输入框4通过浏览器方式查看设计效给果。
本地日期时间inputtypedate属性描述值这是HTML里input元素的通用属性。就是输入框里的数和据。min日期或时间的最小值max日期或时间的最大值step步长。不同的类型有不同的缺省步长。
缺省一周
Date缺省是1天Weekj缺省是1周Month缺省是1月Time缺省是1分钟DateTime缺省是1分钟jLoc缺省是1分钟莱垍头条最近在制作vft封孺人hs的网站时,需要制作一个留言模给块在制作功能时有一个日期控件需要实现对input里的value赋值当天日期。先前在各个网站找了许多相关说明最初采用的方式是 。
㈥ html显示时间代码
时间js代码:Clock.js文件
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
this.toString = function() {
return this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
需要显示时间的页面
<SCRIPT src="js/Clock.js" type=text/javascript></SCRIPT> //引入Clock.js文件,注意路径
<label id=clock></label> //放入标签,插入时间
<SCRIPT type=text/javascript> //实例化clock对象
var clock = new Clock();
clock.display(document.getElementById("clock"));
</SCRIPT>
㈦ 如何在html上加入日期代码,并且精确到秒,并且可以有调整时间的功能,请指教。谢谢。
贴上这个
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript 时间显示</title>
</head>
<body>
<span id=localtime></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=\"#FF0000\">";
if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">";
if ( ww==6 ) colorhead="<font color=\"#008000\">";
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>
㈧ 如何在html网页右上角添加时钟或者时间
把这个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>