<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>
相关推荐
使用javascript自定义方法来显示系统当前的时间
本文实例讲述了javascript实时显示北京时间的方法。分享给大家供大家参考。具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下:[removed] Date.prototype....
使用javascript显示当前时间
使用JavaScript动态显示出时间,使用setTimeout(),秒钟每隔一秒增加.....
javascript显示时间的代码
关于javascript一些常见,很实用的的效果。下了就知道了,差不多3百个例子
一款漂亮的javascript显示时间样式,
JavaScript显示系统时间 window.setTimeout("tick()", 1000);
javascript实现日历显示,可以根据用户输入时间显示日历。
介绍: JavaScript显示系统时间,显示年月日时分秒和星期,每秒自动刷新,并加入日期颜色区别: 星期一至星期五显示为黑色 星期六显示为绿色 星期日显示为红色
javascript js 时间 网页 特效!
html javascript jqeury 时间动态显示 (年月日 星期 PM 时间 )
通过JS代码简单明了实现动态的显示一个钟表
最近因为项目需要,有个需求是让实时显示当前时间,然后想想这不简单吗,自己就动手敲代码,但是发现一个问题,通过getMonth()得到月份,总是会比当前月份少1,深深觉得实践出真知啊…之前觉得Date对象挺简单的,有...
html中javascript实现网页动态显示时间的关键步骤,和代码
<script language="JavaScript" type="text/JavaScript"> var today = new Date(); document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document.write("月...
asp获取服务器时间,通过Javascript计算并即时显示出来
js 实现单击select以 2011-12-2 星期五显示显示
选择日期时间的例子,javascript 写
在HTML页面动态显示当前时间,效果如下: 现在是:2011年7月6日 20:02:50