JS获取当前时间和星期几,并制作时钟效果 jquery

原创 2014年10月20日 21:46:52
<pre name="code" class="javascript">//页面加载时执行
$(function(){
<span style="white-space:pre">	</span>//每个1秒 执行showDate方法,显示时间,出现时钟效果
	setInterval(function(){
		showDate();
	},1000);
});


/*
<span style="font-family: Arial, Helvetica, sans-serif;">  * 获取系统当前日期  格式:</span><span style="font-family: Arial, Helvetica, sans-serif;">2014-10-20 21:49:38  星期一</span><span style="font-family: Arial, Helvetica, sans-serif;">        </span>
<div style="padding: 0px 10px; float: left;"></div> <span style="font-family: Arial, Helvetica, sans-serif;">*/</span>
function getCurrentDate(){
	var curr_time = new Date();
	var year      = curr_time.getFullYear();
	var month     = curr_time.getMonth()+1;
	var day       = curr_time.getDate();
	var hour      = curr_time.getHours();
	var minute    = curr_time.getMinutes();
	var second    = curr_time.getSeconds();
	var week      = getWeek();
	var strDate   = year+"-"+(month<10?('0'+month):month)+"-"+(day<10?('0'+day):day)+" "+hour+":"+(minute<10?('0'+minute):minute)+":"+(second<10?('0'+second):second)+"  "+week;
	return strDate;
}


/**
 * 获取当前日期为星期几
 * @param weeknum
 */
function getWeek(){
	var week;
	var curr_time = new Date();
	var weeknum = curr_time.getDay();
	
	if(weeknum == 0) week = "星期日";
	if(weeknum == 1) week = "星期一";
	if(weeknum == 2) week = "星期二";
	if(weeknum == 3) week = "星期三";
	if(weeknum == 4) week = "星期四";
	if(weeknum == 5) week = "星期五";
	if(weeknum == 6) week = "星期六";
	return week;
}

/**
 * 日期显示
 * 替换掉 div中的span的内容
 */
function showDate(){
	var strDate = getCurrentDate();
	$("#dateList").replaceWith("<span id='dateList'>  " +strDate+"</span>");
}

//HTML页面中,显示时间,替换掉<span>中的内容
<div style="padding-bottom: 13px;float: left;"><span id="dateList"></span></div>



                    

js 计时器,倒计时完整实例代码附效果图 制作一个当前时间的动态时钟

点击触发倒计时的时候就会自动从30秒到0秒,当到达0秒的时候会弹出时间到. 代码很简洁 ,还加了一个制作当前时间的动态时钟的代码当做笔记了,如果分和秒是个位数的时候会在前面自动加0...

动态获取当前时间、星期、农历的日历js

借鉴网上案例,定制了一个获取当前时间、 Document $(function(){ setInterval(...

纯Js生成当前时间 带星期Dome

  • 2017年01月10日 19:31
  • 29KB
  • 下载

使用jQuery方法获取当前日期和时间!(时钟显示功能)

转自:http://www.codefans.net/jscss/code/3683.shtml     js获取当前日期时间,使用jQuery方法获取当前的日期和时间,包括星期几,以前就只顾着用j...
  • dxnn520
  • dxnn520
  • 2012年12月01日 22:24
  • 4732

JS显示当前日期和时间的代码(包括农历星期等)

用JS调用当前的时间,调用效果如下: 2011年3月24日 18:04 星期四 辛卯年(兔) 二月廿 酉时 var CalendarData=new Array(20); v...
  • kuqoi
  • kuqoi
  • 2011年11月22日 09:59
  • 1551

js实现页面动态时间,滚动效果(年月日,小时、分钟、秒,星期,毫秒)

年月日放在一个div里面; 小时、分钟、秒放在一个div里面; 星期放在一个div里面; 毫秒放在一个div里面。 因为它们的时间设置不同或img类不同 html js制作一个...

获取当前系统时间计算后面的七天的日期和星期,本周,本月

在计算时间之时,需要判断是否是闰年还是平年,
  • IOSWEB
  • IOSWEB
  • 2016年07月13日 18:24
  • 3971

js显示当前时间及其时钟显示

1.弹窗显示,当前时间和日期: main.js var box=new Date(); alert("当前日期"+box.getFullYear()+"/"+box.getMo...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS获取当前时间和星期几,并制作时钟效果 jquery
举报原因:
原因补充:

(最多只允许输入30个字)