本文目錄一覽:
- 1、js時間代碼
- 2、JS控制顯示時間
- 3、求JS彈窗代碼 可以控制彈出時間
- 4、關於網頁調用系統時間JS代碼
- 5、求js詳細時間代碼,年月日星期時分(秒),陰曆日期
- 6、如何使用js實現可走動時間代碼
js時間代碼
!DOCTYPE html
html lang=”en”
head
meta charset=”UTF-8″
titledateutil-js時間舉例/title
!– script src=””/script–
script src=””/script
/head
body
script type=”text/javascript”
console.log(getdate_WMdy_En());//Thurs.Sept.2, 2020
console.log(getdate_yMdhms_T());//2020-9-2 21:41:7
console.log(getdate_WyMdhms_C());//星期四 2020年9月2日 21時38分33秒
/script
/body
/html
JS控制顯示時間
一般的處理方式是在前台通過JS控制,JS控制顯示時間的代碼如下,各種不同的顯示方式:
[javascript]
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;
};//現在是span id=”clock”現在是:2013年3月6日 13:54:17 星期三/span
[javascript]
span/span
this.toSimpleDate = function() {
return this.year + “-” + this.month + “-” + this.date;
};//2013-03-06
this.toDetailDate = function() {
return this.year + “-” + this.month + “-” + this.date + ” ” + this.hour + “:” + this.minute + “:” + this.second;
};//2013-03-06 13:45:43
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();//顯示方式調用
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
求JS彈窗代碼 可以控制彈出時間
script type=”text/javascript”
function openwin(){
window.open( )// 這個地址可以是相對的 也可以是絕對的,至於窗口的其他設置,請查閱window.open的用法}
setTimeout(openwin,5000) // 這個5000就是可以彈出窗口的時間,單位毫秒 1000毫秒=1秒
/script
關於網頁調用系統時間JS代碼
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “”
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=gbk”
titleUntitled Document/title
script
//————-可以把以下內容寫進外部js文件中————
window.onload=getTime; //網頁載入完就調用getTime()方法
function getTime(){
var today=new Date(); //獲取當前系統時間
var hours=today.getHours(); //獲取小時
var minutes=today.getMinutes(); //獲取分
var seconds=today.getSeconds(); //獲取秒
if(minutes10){ //分小於10就在前面補0
minutes=”0″+minutes;
}
if(seconds10){ //秒小於10就在前面補0
seconds=”0″+seconds;
}
//把時分秒拼起來得到時間
var time =hours+”:”+minutes+”:”+seconds;
//把時間顯示在div上,您自己可以放在網頁任何位置,反正時間就是time
document.getElementById(“div”).innerHTML=time;
//每隔一秒更新一次時間
setTimeout(“getTime()”,1000);
}
//————-可以把以上內容寫進外部js文件中————
/script
/head
body
div id=”div”/div
/body
/html
代碼已經貼上,希望對您有幫助
求js詳細時間代碼,年月日星期時分(秒),陰曆日期
function RunGLNL(){ var today=new Date(); var d=new Array(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”); var DDDD=(today.getYear()100 ? today.getYear()+1900:today.getYear())+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”; DDDD = DDDD + ” ” + d[today.getDay()]; DDDD = DDDD+ ” ” + (CnDateofDateStr(today)); //DDDD = DDDD+ ” ” + SolarTerm(today); document.write(DDDD); } function DaysNumberofDate(DateGL){ return parseInt((Date.parse(DateGL)-Date.parse(DateGL.getYear()+”/1/1″))/86400000)+1; } function CnDateofDate(DateGL){ var CnData=new Array( 0x16,0x2a,0xda,0x00,0x83,0x49,0xb6,0x05,0x0e,0x64,0xbb,0x00,0x19,0xb2,0x5b,0x00, 0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0x00,0x8a,0xad,0x55,0x02, 0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x00,0x17,0x64,0xb7,0x00, 0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x00,0x88,0x5a,0xaa,0x04, 0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x00,0x16,0xa9,0x6d,0x00, 0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x00,0x87,0xba,0x55,0x04 ); var CnMonth=new Array(); var CnMonthDays=new Array(); var CnBeginDay; var LeapMonth; var Bytes=new Array(); var I; var CnMonthData; var DaysCount; var CnDaysCount; var ResultMonth; var ResultDay; var yyyy=DateGL.getYear(); var mm=DateGL.getMonth()+1; var dd=DateGL.getDate(); if(yyyy100) yyyy+=1900; if ((yyyy 1997) || (yyyy 2020)){ return 0; } Bytes[0] = CnData[(yyyy – 1997) * 4]; Bytes[1] = CnData[(yyyy – 1997) * 4 + 1]; Bytes[2] = CnData[(yyyy – 1997) * 4 + 2]; Bytes[3] = CnData[(yyyy – 1997) * 4 + 3]; if ((Bytes[0] 0x80) != 0) {CnMonth[0] = 12;} else {CnMonth[0] = 11;} CnBeginDay = (Bytes[0] 0x7f); CnMonthData = Bytes[1]; CnMonthData = CnMonthData 8; CnMonthData = CnMonthData | Bytes[2]; LeapMonth = Bytes[3]; for (I=15;I=0;I–){ CnMonthDays[15 – I] = 29; if (((1 I) CnMonthData) != 0 ){ CnMonthDays[15 – I]++;} if (CnMonth[15 – I] == LeapMonth ){ CnMonth[15 – I + 1] = – LeapMonth;} else{ if (CnMonth[15 – I] 0 ){CnMonth[15 – I + 1] = – CnMonth[15 – I] + 1;} else {CnMonth[15 – I + 1] = CnMonth[15 – I] + 1;} if (CnMonth[15 – I + 1] 12 ){ CnMonth[15 – I + 1] = 1;} } } DaysCount = DaysNumberofDate(DateGL) – 1; if (DaysCount = (CnMonthDays[0] – CnBeginDay)){ if ((yyyy 1901) (CnDateofDate(new Date((yyyy – 1)+”/12/31″)) 0)){ ResultMonth = – CnMonth[0];} else {ResultMonth = CnMonth[0];} ResultDay = CnBeginDay + DaysCount; } else{ CnDaysCount = CnMonthDays[0] – CnBeginDay; I = 1; while ((CnDaysCount DaysCount) (CnDaysCount + CnMonthDays[I] DaysCount)){ CnDaysCount+= CnMonthDays[I]; I++; } ResultMonth = CnMonth[I]; ResultDay = DaysCount – CnDaysCount; } if (ResultMonth 0){ return ResultMonth * 100 + ResultDay;} else{return ResultMonth * 100 – ResultDay;} } function CnYearofDate(DateGL){ var YYYY=DateGL.getYear(); var MM=DateGL.getMonth()+1; var CnMM=parseInt(Math.abs(CnDateofDate(DateGL))/100); if(YYYY100) YYYY+=1900; if(CnMMMM) YYYY–; YYYY-=1864; return CnEra(YYYY)+”年”; } function CnMonthofDate(DateGL){ var CnMonthStr=new Array(“零”,”正”,”二”,”三”,”四”,”五”,”六”,”七”,”八”,”九”,”十”,”十一”,”臘”); var Month; Month = parseInt(CnDateofDate(DateGL)/100); if (Month 0){return “閏” + CnMonthStr[-Month] + “月”;} else{return CnMonthStr[Month] + “月”;} } function CnDayofDate(DateGL){ var CnDayStr=new Array(“零”, “初一”, “初二”, “初三”, “初四”, “初五”, “初六”, “初七”, “初八”, “初九”, “初十”, “十一”, “十二”, “十三”, “十四”, “十五”, “十六”, “十七”, “十八”, “十九”, “二十”, “廿一”, “廿二”, “廿三”, “廿四”, “廿五”, “廿六”, “廿七”, “廿八”, “廿九”, “三十”); var Day; Day = (Math.abs(CnDateofDate(DateGL)))%100; return CnDayStr[Day]; } function DaysNumberofMonth(DateGL){ var MM1=DateGL.getYear(); MM1100 ? MM1+=1900:MM1; var MM2=MM1; MM1+=”/”+(DateGL.getMonth()+1); MM2+=”/”+(DateGL.getMonth()+2); MM1+=”/1″; MM2+=”/1″; return parseInt((Date.parse(MM2)-Date.parse(MM1))/86400000); } function CnEra(YYYY){ var Tiangan=new Array(“甲”,”乙”,”丙”,”丁”,”戊”,”己”,”庚”,”辛”,”壬”,”癸”); //var Dizhi=new Array(“子(鼠)”,”丑(牛)”,”寅(虎)”,”卯(兔)”,”辰(龍)”,”巳(蛇)”, //”午(馬)”,”未(羊)”,”申(猴)”,”酉(雞)”,”戌(狗)”,”亥(豬)”); var Dizhi=new Array(“子”,”丑”,”寅”,”卯”,”辰”,”巳”,”午”,”未”,”申”,”酉”,”戌”,”亥”); return Tiangan[YYYY%10]+Dizhi[YYYY%12]; } function CnDateofDateStr(DateGL){ if(CnMonthofDate(DateGL)==”零月”) return ” 請調整您的計算機日期!”; else return “農曆:”+CnYearofDate(DateGL)+ ” ” + CnMonthofDate(DateGL) + CnDayofDate(DateGL); } function SolarTerm(DateGL){ var SolarTermStr=new Array( “小寒”,”大寒”,”立春”,”雨水”,”驚蟄”,”春分”, “清明”,”穀雨”,”立夏”,”小滿”,”芒種”,”夏至”, “小暑”,”大暑”,”立秋”,”處暑”,”白露”,”秋分”, “寒露”,”霜降”,”立冬”,”小雪”,”大雪”,”冬至”); var DifferenceInMonth=new Array( 1272060,1275495,1281180,1289445,1299225,1310355, 1321560,1333035,1342770,1350855,1356420,1359045, 1358580,1355055,1348695,1340040,1329630,1318455, 1306935,1297380,1286865,1277730,1274550,1271556); var DifferenceInYear=31556926; var BeginTime=new Date(1901/1/1); BeginTime.setTime(947120460000); for(;DateGL.getYear()BeginTime.getYear();){ BeginTime.setTime(BeginTime.getTime()-DifferenceInYear*1000); } for(;DateGL.getYear()BeginTime.getYear();){ BeginTime.setTime(BeginTime.getTime()+DifferenceInYear*1000); } for(var M=0;DateGL.getMonth()BeginTime.getMonth();M++){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); } if(DateGL.getDate()BeginTime.getDate()){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); M++; } if(DateGL.getDate()BeginTime.getDate()){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000); M==23?M=0:M++; } var JQ; if(DateGL.getDate()==BeginTime.getDate()){ JQ=” 今天是font color=’#FF9999’b”+SolarTermStr[M] + “/b/font”; } else if(DateGL.getDate()==BeginTime.getDate()-1){ JQ=” 明天是font color=’#FF9999’b”+SolarTermStr[M] + “/b/font”; } else if(DateGL.getDate()==BeginTime.getDate()-2){ JQ=” 後天是font color=’#FF9999’b”+SolarTermStr[M] + “/b/font”; } else{ JQ=” ” if(DateGL.getMonth()==BeginTime.getMonth()){ JQ+=” 本月”; } else{ JQ+=” 下月”; } JQ+=BeginTime.getDate()+”日”+”font color=’#FF9999’b”+SolarTermStr[M]+”/b/font”; } return JQ; } function CAL() {} RunGLNL(); 詳細出處參考:
如何使用js實現可走動時間代碼
一、js實現時間代碼
script type=”text/javascript”
function showtime(){
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDay();
var hours=date.getHours();
var minutes=date.getMinutes();
var seconds=date.getSeconds();
if(day==0){
day==’日’;
}
if(seconds10){
seconds=”0″+seconds;
}
if (minutes10) {
minutes=”0″+minutes;
}
if (hours10) {
hours=”0″+hours;
}
var time=year+”/”+month+”/”+day+” “+hours+”:”+minutes+”:”+seconds;
var o=document.getElementById(“box”);
o.innerHTML=time;
setTimeout(showtime,1000)
}
showtime();
/script
二、注意點
(1)用給變數賦予時間函數,月份要+1;
(2)將時間封裝在函數中,好使用setTimeout(showtime,1000)
(3)var o=document.getElementById(“box”);()中寫入想加到的div中的id選擇符
(3)o.innerHTML=time;是在HTML調用函數重要的語句
(4)該js必須放在想添加的div下面
原創文章,作者:簡單一點,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/127804.html