導航:首頁 > 編程語言 > html插入時間代碼

html插入時間代碼

發布時間:2023-03-12 07:43:20

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

㈡ html頁面中怎樣插入一段顯示系統時間的php代碼

雲里霧里。 這位同學的代碼很強悍,我完全不知道它的運作原理是什麼……雷!

你新建一內個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>

閱讀全文

與html插入時間代碼相關的資料

熱點內容
怎麼把ps文件變成源文件 瀏覽:807
如何把圖片放進這個文件夾 瀏覽:530
誰有qq認證圖標復制 瀏覽:881
2014年web伺服器測試工具 瀏覽:192
win7鏡像文件怎麼用 瀏覽:983
多數據can怎麼發送 瀏覽:997
什麼是夏威夷果種植技術app 瀏覽:160
上海學習編程哪個地方好 瀏覽:958
股票軟體與交易編程軟體哪個好 瀏覽:216
linux如何查看一個文件的位置 瀏覽:911
c頭文件無法打開源文件stdafx 瀏覽:750
蘋果x的桌面上可以建文件夾 瀏覽:368
ug8532位破解版安裝教程 瀏覽:490
電腦網路如何重新驅動 瀏覽:125
win10連接伺服器命令 瀏覽:228
盧克raid活動20升級卷 瀏覽:969
機票預訂什麼網站好 瀏覽:690
讀寫xml配置文件 瀏覽:153
java爬蟲解析html 瀏覽:861
約瑟夫集合java 瀏覽:275

友情鏈接