导航:首页 > 编程语言 > 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相关的资料

热点内容
怎么做到彻底理解编程语言 浏览:167
机器人和程序编程哪个好 浏览:563
怎么改苹果手机icloud账号和密码 浏览:526
什么是P2P数据库系统 浏览:494
js遍历标签数组长度 浏览:705
为什么u盘读有些文件读取不出来 浏览:485
linux内核体系架构 浏览:758
java高低字节 浏览:105
win10安全模式也死机 浏览:159
最简单的数据库开发软件 浏览:718
迅雷下载网络断开 浏览:792
考勤系统数据库在哪个文件夹 浏览:134
creo30绘图配置文件设置 浏览:624
苹果ID被锁要交600元交不交 浏览:29
实例化module配置文件失败 浏览:872
网站源码是什么东西 浏览:90
怎样打开桌面隐藏文件 浏览:904
拯救者的颜色配置文件 浏览:860
微信转发朋友圈送礼品 浏览:905
新电脑装win10教程 浏览:130

友情链接