JavaScript时间显示相关

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="../jquery/jquery-2.1.1.js"></script>

<script type="text/javascript">

/*

*action:当前时间

*/

function nowtime(){

var d = new Date(),str = '当前时间:';

 str += d.getFullYear()+'年';

 str  += d.getMonth() + 1+'月';

 str  += d.getDate()+'日';

 str += d.getHours()+'时'; 

 str  += d.getMinutes()+'分'; 

str+= d.getSeconds()+'秒'; 

return str;

}

setInterval(function(){$('#nowdateTime').html(nowtime)},1000);

 

/*

*action:距24时计时

*/

function delltime(){

var d = new Date();

var h=23-Number(d.getHours());

var m=59-Number(d.getMinutes());

var s=60-Number(d.getSeconds());

if(h=="23"&&m=="59"&&s=="60"){

h=0;

m=0;

s=0;

}else if(s=="60"){

if(m!='59'){

m+=Number("1");

}else{

h+=Number("1");

m=0;

}

s=0;

}else if(m=="59"){

h+=Number("1");

m=0;

}

var str="距24时还有:";

str+=h+"时";

str+=m+"分";

str+=s+"秒";

return str;

}

setInterval(function(){$('#time24').html(delltime)},1000);

 

/*

*action:距下次刷新计时(5分钟)

*/

var mins=4;

var sec=60;

function nexttime(){

var str="距下次刷新还有:";

if(sec!='0'){

sec-=Number("1");

if(sec=='0'&& mins=='0'){

//function  刷新数据

str+=5+"分钟";

sec+=Number("60");

mins+=Number("4");

}else{

str+=mins+"分"+sec+"秒";

}

}else{

mins-=Number("1");

sec+=Number("59");

str+=mins+"分"+sec+"秒";

}

return str;

}

setInterval(function(){$('#nextdate').html(nexttime)},1000);

</script>

</head>

 

<body>

<div id="nowdateTime"></div>

<div id="time24"></div>

<div id="nextdate"></div>

</body>

 

</html> 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值