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