㈠ 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>