我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript小时的简单介绍

JavaScript中怎么将24小时制转换为12小时制?

script

创新互联公司专业为企业提供烈山网站建设、烈山做网站、烈山网站设计、烈山网站制作等企业网站建设、网页设计与制作、烈山企业网站模板建站服务,10多年烈山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

var fillZero = function(v){ 

if(v-100){v='0'+v;} 

return v; 

var formatHourT012 = function(){

var d = new Date(); 

var H = fillZero(d.getHours()); 

if(H -12 =0){ 

H = 'AM' + H; 

}else if(H-120  H-240){ 

H = H - 12; 

H = 'PM' + fillZero(H); 

}else if(H-24 ==0){ 

H ='PM'+ 00; 

return H;

}

/script

希望对你有帮助。

如何用javascript实现一小时倒计时?

js代码:fun.js

var timmerID = null;

function time() {

var time = document.getElementById("now");

var left = document.getElementById("left");

var t = time.value.split(":");

var hour = parseInt(t[0]);

var min = parseInt(t[1]);

min=min+1;

if(min==60){

hour=hour+1;

min=0;

if(hour==24){

hour=0;

}

}

time.value=hour+":"+min;

left.value = left.value-1;

if(left.value==0){

mystop();

alert("时间已到!");

}

}

function mystart() {

var left = document.getElementById("left");

left.value="40";

timmerID = window.setInterval("time()", 1000*60);

}

function mystop() {

window.clearInterval(timmerID);

}

html页面:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

html

head

titletime.html/title

script type="text/javascript" src="fun.js"/script

/head

body

时间起点:input type="text" name="now" id="now" value="0:0"/input type="button" value="开始" onclick="mystart();"br

剩余时间:input type="text" name="left" id="left" value="40" disabled="disabled"/分钟br

/body

/html

补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:script type="text/javascript" src="fun.js"/script ,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:script type="text/javascript"

!--javascript代码--

/script

JavaScript小时和分钟时间格式化

你可以设定日期的格式,像是这样: var time = new Date().format("yyyy-MM-dd HH:mm:ss");

如果还有问题可以私信问我详细

如何用javascript动态显示键盘输入时间和当前时间的时差(小时/分钟/秒)?

html

headtitletest/title/head

body

input id="hour" style="width:2em;" value="5" /:input id="min" style="width:2em" value="20" /

button id="do"确定/button

div id="info" style="display:none"

当前时间:span id="cur_time"/spanbr

时 间 差:span id="time_span"/span

/div

script type="text/javascript"

function $(id){ return document.getElementById(id); }

function time_add_sec(secs){

if(secs != 0){ secs = 1;}

window.curtime += secs;

var span = Math.abs(curtime - starttime);

var cur_time = [];

var time_span = [];

cur_time[0] = Math.floor(curtime / 3600);

cur_time[1] = Math.floor((curtime % 3600) / 60);

cur_time[2] = Math.floor(curtime % 60);

time_span[0] = Math.floor(span / 3600);

time_span[1] = Math.floor((span % 3600) / 60);

time_span[2] = Math.floor(span % 60);

$("cur_time").innerHTML = cur_time.join(":");

$("time_span").innerHTML = time_span.join(":");

}

function time_span(){

var now = new Date();

var cur_time = [];

cur_time[0] = now.getHours();

cur_time[1] = now.getMinutes();

cur_time[2] = now.getSeconds();

window.curtime = cur_time[0]*3600+cur_time[1]*60+cur_time[2];

window.starttime = $("hour").value*3600+$("min").value*60;

time_add_sec(0);

$("info").style.display = "block";

setInterval(time_add_sec,1000);

}

window.onload=function (){ $("do").onclick = time_span;}

/script

/body

/html

这个算法占用系统资源相当少了,跳动应该是你电脑卡吧,我的电脑一点问题都没有。


本文题目:javascript小时的简单介绍
网址分享:http://shouzuofang.com/article/dssegsg.html

其他资讯