導航:首頁 > 編程語言 > jsdatesethour

jsdatesethour

發布時間:2023-03-19 13:16:23

js顯示剩下的時間

<html>
<head>
<title></title>
<scripttype="text/javascript"language="javascript">
functiongetTime(){//js函數,定期執行的函數主體
vardateTime=newDate();//新建系統時間的對象
varhour=formatTime(dateTime.getHours());//獲取小時並格式化,格式化函數formatTime(),下同
varminute=formatTime(dateTime.getMinutes());//獲取分
varsecond=formatTime(dateTime.getSeconds());//獲取秒
//varmillisecond=dateTime.getMilliseconds();//獲取毫秒
varcode="當前時間是:"+hour+":"+minute+":"+second;//+""+millisecond;//第一個div的內容(數字時鍾)
varcodeChinese="當前時間是:"+formatChinese(hour)+"時"+formatChinese(minute)+"分"+formatChinese(second)+"秒";//第二個div的內容(中文時鍾)
document.getElementById("divTime").innerHTML=code;//第一個div內容填充
document.getElementById("divTimeChinese").innerHTML=codeChinese;//第二個div內容填充
document.getElementById("monDigitalClock").innerHTML=makeMonCode(hour.toString()+":"+minute.toString()+":"+second.toString())+blockEmpty();//+makeMonCode(millisecond.toString());
updateLatestTime();//更新剩餘時間
}
functionformatTime(num){//格式化數字,小於10時在數字前添加0
if(num<10){
return"0"+num;
}
else{
returnnum;
}
}
functionformatChinese(num){//中文格式處理
varstr=String(num);
if(str.length==1){//一位數的情況,直接返回中文
returnformatSingleNumber(str);
}
else{//兩位數的情況
varmid="十";
vartop=str.substr(0,1);//第一位
varbtn=str.substr(1,2);//第二位
return(formatSingleNumber(top)+mid+formatSingleNumber(btn)).replace("零十","零").replace("十零","十").replace("零零","零").replace("一十","十");//使用formatSingleNumber函數轉換成中文並將不符合中文數字表示方法的替換一下
}

}

functionformatSingleNumber(num){//單個數字轉化成中文
returnnum.replace("1","一").replace("2","二").replace("3","三").replace("4","四").replace("5","五").replace("6","六").replace("7","七").replace("8","八").replace("9","九").replace("0","零");
}
setInterval("getTime();",1000);//定時刷新,每毫秒刷新一次//模擬時鍾代碼
functionbuidlPointArea(num){//將數字對應的點陣拼接成圖案
varcode="<divclass='singleNumber'>";
for(vari=1;i<6;i++){
for(varj=1;j<5;j++){
code+=createSinglePoint(i+"_"+j,num);
}
}
code+="</div>";
returncode;
}


functioncreateSinglePoint(id,num){//數字對應的黑點
vararray0=newArray("1_1","1_2","1_3","2_1","2_3","3_1","3_3","4_1","4_3","5_1","5_2","5_3");//數字0的點陣,下同
vararray1=newArray("1_3","2_3","3_3","4_3","5_3");
vararray2=newArray("1_1","1_2","1_3","2_3","3_1","3_2","3_3","4_1","5_1","5_2","5_3");
vararray3=newArray("1_1","1_2","1_3","2_3","3_1","3_2","3_3","4_3","5_1","5_2","5_3");
vararray4=newArray("1_1","1_3","2_1","2_3","3_1","3_2","3_3","4_3","5_3");
vararray5=newArray("1_1","1_2","1_3","2_1","3_1","3_2","3_3","4_3","5_1","5_2","5_3");
vararray6=newArray("1_1","1_2","1_3","2_1","3_1","3_2","3_3","4_1","4_3","5_1","5_2","5_3");
vararray7=newArray("1_1","1_2","1_3","2_3","3_3","4_3","5_3");
vararray8=newArray("1_1","1_2","1_3","2_1","2_3","3_1","3_2","3_3","4_1","4_3","5_1","5_2","5_3");
vararray9=newArray("1_1","1_2","1_3","2_1","2_3","3_1","3_2","3_3","4_3","5_1","5_2","5_3");
varnumArr=newArray();
numArr[0]=array0;
numArr[1]=array1;
numArr[2]=array2;
numArr[3]=array3;
numArr[4]=array4;
numArr[5]=array5;
numArr[6]=array6;
numArr[7]=array7;
numArr[8]=array8;
numArr[9]=array9;
varcls="whitePoint";
for(vari=0;i<numArr[num].length;i++){
if(id==numArr[num][i]){
cls="blackPoint";
}
}
return"<divid='"+id+"'class='"+cls+"'></div>";
}

functionblockEmpty(){//空格代碼
return"<divclass='singleNumber'></div>";
}


functionblockM(){//冒號的代碼
varcode="";
code+="<divclass='singleNumber'><divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='blackPoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='blackPoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div>";
code+="<divclass='whitePoint'></div></div>";
returncode;
}


functionmakeMonCode(totalCode){//生成模擬的數字時鍾代碼
varfinalCode="";
for(vari=0;i<totalCode.length;i++){//每個字元分別轉換
if(isNaN(totalCode[i])){//非數字字元,例子中只有冒號
if(totalCode[i]==":"){
finalCode+=blockM();//冒號的代碼,用blockM()函數生成
}
}
else{
finalCode+=buidlPointArea(totalCode[i]);//數字的代碼,用buildPointArea()函數生成
}
}
returnfinalCode;
}
functionupdateLatestTime(){//更新剩餘時間
varsetHour=document.getElementById("sltHour").value;//獲取選擇的小時值
varsetMin=document.getElementById("sltMin").value;//獲取選擇的分值
varsetSecond=document.getElementById("sltSecond").value;//獲取選擇的秒值
vartime=newDate();//獲取系統時間
varnowHour=time.getHours();//當前時間小時值
varnowMin=time.getMinutes();//當前時間分值
varnowSecond=time.getSeconds();//當前時間秒值
varviewHour=setHour-nowHour;//剩餘小時
varviewMin=setMin-nowMin;//剩餘分鍾
varviewSecond=setSecond-nowSecond;//剩餘秒
if(viewSecond<0){//剩餘秒小於0時,借位
viewSecond+=60;
viewMin-=1;
}
if(viewMin<0){//剩餘分小於0時,借位
viewMin+=60;
viewHour-=1;
}
if(viewHour<0){//剩餘小時小於0時,借位
viewHour+=24;
}

document.getElementById("divLatestTime").innerHTML="剩餘時間為:"+viewHour+"時"+viewMin+"分"+viewSecond+"秒";//填充
if(viewHour==0&&viewMin==0&&viewSecond==0){//到點提示
alert("到點了!");
}
}
functioncreateSelect(){//生成選擇框代碼
varcode="";
code+="請選擇鬧鍾時間:<selectid='sltHour'onchange='updateLatestTime()'>";
for(vari=1;i<25;i++){
code+="<optionvalue='"+i+"'>"+i+"</option>";
}
code+="</select>時";
code+="<selectid='sltMin'onchange='updateLatestTime()'>";
for(vark=1;k<61;k++){
code+="<optionvalue='"+k+"'>"+k+"</option>";
}
code+="</select>分";
code+="<selectid='sltSecond'onchange='updateLatestTime()'>";
for(varj=1;j<61;j++){
code+="<optionvalue='"+j+"'>"+j+"</option>";
}
code+="</select>秒";
document.getElementById("divAlert").innerHTML=code;
}

</script>
<styletype="text/css">
body{
background-color:#FFFFFF;
}

.clsTime{
width:600px;
height:50px;
font-size:30px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
}

.whitePoint{
width:10px;
height:10px;
background-color:#FFFFFF;
margin:0px;
padding:0px;
float:left;
}

.blackPoint{
width:10px;
height:10px;
background-color:#000000;
margin:0px;
padding:0px;
float:left;
}

.clsMonDigitalClock{
margin-left:auto;
margin-right:auto;
width:480px;
height:50px;
background-color:#FFFFFF;
}

.singleNumber{
width:40px;
height:50px;
float:left;
font-size:8px;
}

.clsAlert{
width:400px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
}

.clsLatestTime{
width:400px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
}
</style>
</head>
<bodyonload="createSelect();">
<divid="divTime"class="clsTime">loading....</div>
<divid="divTimeChinese"class="clsTime">loading....</div>
<divid="monDigitalClock"class="clsMonDigitalClock"></div>
<divid="divAlert"class="clsAlert"></div>
<divid="divLatestTime"class="clsLatestTime"></div>

</body>
</html>

之前做著玩的,有你說到的功能,有興趣看看。代碼存為html即可。

❷ js如何獲得系統時間年月日時分秒

javascript 自帶有個對象(構造函數),Date().下面是代碼:

varoDate=newDate();//實例一個時間對象;
oDate.getFullYear();//獲取系統的年;
oDate.getMonth()+1;//獲取系統月份,由於月份是從0開始計算,所以要加1
oDate.getDate();//獲取系統日,
oDate.getHours();//獲取系統時,
oDate.getMinutes();//分
oDate.getSeconds();//秒

❸ 工作時間是8:30~17:30 要根據結束時間和開始時間算出相差多少小時,放假不算在內JQuery 或JS怎麼寫

var startHour = 8;
var startMin = 30;
var endHour = 17;
var endMin = 30;
function getOffsetTime(startHour, startMin, endHour, endMin){
var date = new Date();
date.setHours(startHour);
date.setMinutes(startMin);
var startTime = parseInt(date.valueOf() / 1000, 10);
date.setHours(endHour);
date.setMinutes(endMin);
var endTime = parseInt(date.valueOf() / 1000, 10);
var result = {};
result.hours = (endTime - startTime) / 3600;
result.minutes = ((endTime - startTime) % 3600) / 60;
return result;
}
var timeOffset = getOffsetTime(startHour, startMin, endHour, endMin);


timeOffset的值為

Object{hours:9,段稿 minutes:0}


如果午休1小時的話,把羨叢結兄燃櫻果中的hours-1就行了

❹ 求24小時時間JS代碼

<scriptlanguage="javascript">

<!--

//以下是提示顯示

functionshowclock()

{

varoutStr="";

vardate=newDate();

varhour=date.getHours();

varmin_=date.getMinutes();

varsec=date.getSeconds();

varcol=":";

varspc="";

//時分秒小於10的時候在前面添加個0

if(hour<10)hour="0"+hour;

if(min_<10)min_="0"+min_;

if(sec<10)sec="0"+sec;

outStr=hour+col+min_+col+sec+spc;

document.getElementById("clock").innerHTML=outStr;

}

setInterval("showclock()",1000);

document.write('<spanid="clock"></span>');

//-->

</script>

❺ js獲取當前的時間顯示的是24小時的時間嗎

不是24小時的時間,獲取到的小時數才是24小時格式的值(0-23)

var mydate = new Date();//Mon Nov 12 2018 15:58:55 GMT+0800 (中國標准時間)

❻ js 中怎麼獲取當前系統時間

系統時間一般是值服務端時間,js獲取服務端時間的方法是直接用獲取。

編寫顯示時間的頁面:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Server date/time</title>

<script language="javascript" src="serverDate.js"></script>

</head>

<script language="javascript">

var localTime = new Date();

document.write("Local machine time is: " + localTime + "<br>");

document.write("Server time is: " + date);

</script>

<body>

</body>

ajax腳本獲取server的時間

var xmlHttp;

function srvTime(){

try {

//創建xmlHttp對象

xmlHttp = new XMLHttpRequest();

}

catch (err1) {

//ie瀏覽器

try {

xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');

}

catch (err2) {

try {

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

}

catch (eerr3) {

//ajax不支持

alert("AJAX not supported");

}

}

}

//打開xmlHttp請求

xmlHttp.open('HEAD',window.location.href.toString(),false);

//設置xmlHttp請求頭

xmlHttp.setRequestHeader("Content-Type", "text/html");

//發送請求

xmlHttp.send('');

// 獲取response中的Date參數

return xmlHttp.getResponseHeader("Date");

}

var st = srvTime(); //伺服器時間賦值給st變數

var date = new Date(st); //轉換js的date對象

// 輸出伺服器時間

document.write("伺服器時間: " + date);

拓展資料:

JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標准通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

語句:JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,

它們是:賦值語句、switch選擇語句、while循環語句、for循環語句、for each循環語句、do...while循環語句、break循環中止語句、continue循環中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。

❼ js怎樣將具體時間轉換為毫秒數

可以參考抄下面的代碼:

var oDate = new Date();

var iM = oDate.getTime();

var nDate = new Date(iM0;

alert(nDate);

(7)jsdatesethour擴展閱讀:

javaScript參考函數

setUTCDate(dateInt) 依據國際時間來設置日(1-31)

setUTCHours(hourInt) 依據國際時間來設置小時

setUTCMinutes(minInt) 依據國際時間來設置分鍾

setUTCSeconds(secInt) 依據國際時間來設置秒

setUTCMilliseconds(milliInt)根據邦際時間來設置毫秒

❽ JS日期格式的轉換

JS日期格式的轉換 var d = new Date();
d.setTime(1330912983320);
var year = d.getFullYear();
var month = d.getMonth()+1;
var date = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
alert(year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second);
你可以在判斷下如果月日時胡態小於10前邊加個0
js日期格式化
:nowamagic./javascript/js_DateFormat.php
Aess日期格式的轉換問題
1)可以寫個更新查詢,假設你的表名為A,原字元型的日期為日期1,新建個日期型的欄位日期2:
update A set 日期2=left(日期1,4)&"-"&mid(日期1,5,2)&游做滾"-"&right(日期1,2)
2)復制:
select left(日期1,4)&"-"&mid(日期1,5,2)&"-"&right(日期1,2)
from A
然後把這列復制到日期2
Excel日期格式的轉換問題
自定義格式:yyyymmdd
js日期格式化問題
var s = "19860201";
var s1 = s.substr(0, 4) + "-" + s.substr(5, 2) + "-" + s.substr(7, 2);
alert(s1);

oracle 日期格式 格式 轉換

select TO_CHAR(to_date('22-10月-13'),'yyyy-MM-dd' )from al;

[求助]excel中日期格式的轉換
右鍵選單-設定單元格格式-數字-自定義-型別,輸入mm-dd,確定
excel 轉換日期格式
這個最好不用函式公式,選中整列,查詢替換,將點「.」替換為斜杠「/」;設定單元格式為自定義,右側型別輸入「yyyy-mm-dd」,確定;在空白單元格輸入數字1,復制——全選日期所在的列——選擇性貼上——選公式——乘——確定。
這樣操作應該就是你想要的了。
servlet轉換日期格式
java類裡面神余的轉換方法

String newStr = new SimpleDateFormat(formatStyle).format(date);

date為日期
formatStyle為轉換格式
excel VBA里 sql 轉換日期格式的問題。
str = Format(Date, "YYYYMM ")
Sql = "select * from 表名 where 日期='" & str & "'"

❾ 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);
};
}

閱讀全文

與jsdatesethour相關的資料

熱點內容
專題學習網站源碼 瀏覽:163
jsphead什麼 瀏覽:88
gps串口數據怎麼發送 瀏覽:968
win10文件主頁共享查看 瀏覽:411
中國聯通有哪些app是免流的 瀏覽:176
邊做邊保存的文件找不到了 瀏覽:858
win10照片應用文件夾名稱 瀏覽:966
編程如何解決資金的原子性 瀏覽:638
如何製作廣角鏡頭矯正文件 瀏覽:513
在網頁開發中應該選用哪個資料庫 瀏覽:742
iphone5移動卡貼 瀏覽:990
電腦文件的格式 瀏覽:127
extjs的xtype 瀏覽:959
suse11iso文件要u盤安裝 瀏覽:153
如何將報表統計數據轉化為圖形 瀏覽:444
如何寄快遞材料文件 瀏覽:265
java構造方法private 瀏覽:475
手機文件找回恢復 瀏覽:516
word怎麼把u盤里的文件拔掉 瀏覽:976
港版蘋果用的插排 瀏覽:1000

友情鏈接