`

jquery 动态显示时间

阅读更多
代码效果如下(可自行调整)

周五, 四月 27, 2012 10:15:59

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery 动态显示时间</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(function() {
		setInterval("GetTime()", 1000);
	});

	function GetTime() {
		var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;
		/*
		mon = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
				"Sep", "Oct", "Nov", "Dec");
		*/
		mon = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月",
				"九月", "十月", "十一月", "十二月");
		/*
		day = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
		*/
		day = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
		now = new Date();
		hour = now.getHours();
		min = now.getMinutes();
		sec = now.getSeconds();
		if (hour < 10) {
			hour = "0" + hour;
		}
		if (min < 10) {
			min = "0" + min;
		}
		if (sec < 10) {
			sec = "0" + sec;
		}
		$("#Timer").html(
				"<nobr>" + day[now.getDay()] + ", " + mon[now.getMonth()] + " "
						+ now.getDate() + ", " + now.getFullYear() + " " + hour
						+ ":" + min + ":" + sec + "</nobr>");

	}
</script>
</head>
<body>
	<div style="background: pink; width: 200px;" id="Timer">
</body>
</html>



引自:http://www.csharpwin.com/dotnetspace/12582r6372.shtml
分享到:
评论

相关推荐

    jQuery动态响应式时间轴代码

    【jQuery动态响应式时间轴代码】是一款用于创建交互式、自适应浏览器宽度的垂直时间轴网页特效的jQuery插件。这个代码实现的核心在于利用jQuery的灵活性和强大的DOM操作能力,结合现代前端技术,实现了在不同屏幕...

    jquery.timer.js 动态显示时间

    《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...

    jquery显示当前时间(年-月-日 小时:分钟:秒 星期几)

    接下来,我们需要创建一个HTML元素来显示时间,例如一个`&lt;div&gt;`: ```html &lt;div id="current-time"&gt;&lt;/div&gt; ``` 现在,我们可以编写JavaScript代码来获取并更新当前时间。使用jQuery,我们首先选择刚才创建的`&lt;div&gt;...

    jQuery动态垂直时间轴代码.zip

    【jQuery动态垂直时间轴代码】是一个适用于Web开发的资源,主要功能是创建一个响应式的、动态展示事件的时间线。在网页设计中,时间轴常用于梳理历史事件、项目进度或者重要日期,使得信息呈现更加清晰有序。这个...

    jquery 动态示例

    16. jQuery动态切换网页背景的大块图片的导航栏代码 17. jquery图文排行混合互相切换效果(仿Vancl效果) 18. jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 19. jQuery图片自动轮播淡入淡出的幻灯插件...

    jQuery图片显示动态文字特效.zip

    在这个特效中,jQuery通过其强大的DOM操作、选择器和动画API,使得在图片上动态显示文字变得简单易行。 2. **动态文字**:动态文字是指在页面上根据某种规则或时间间隔不断变化的文字内容。它可以是滚动文本、闪烁...

    jquery动态画廊滚动效果.zip

    《jQuery动态画廊滚动效果详解》 在网页设计与开发中,动态效果是提升用户体验的重要手段之一。"jQuery动态画廊滚动效果"就是一个典型的应用,它巧妙地将JavaScript的动态特性与jQuery库相结合,实现了图片展示的...

    jQuery动态响应式时间轴代码.zip

    《jQuery动态响应式时间轴代码实现详解》 在网页设计中,动态响应式的时间轴是一种常见且有效的展示信息的方式,它能将事件按照时间顺序排列,使得用户能够清晰地了解历史进程或者项目进展。本篇文章将围绕“jQuery...

    jquery动态数字增加

    "jQuery动态数字翻滚计数到指定数字的文字特效代码"是一个常见的需求,尤其在显示实时更新的数据或者统计数据时。这种效果通常用于网站的访问量统计、股票价格、拍卖竞价等场景,给人一种生动、实时的感觉。 实现这...

    JQuery+动态加时间

    "JQuery+动态加时间"这个主题主要关注如何利用jQuery来实现在页面上动态显示或更新时间的效果。这可以应用于计时器、倒计时、实时时钟等多种场景,为用户提供更直观、实时的体验。 首先,我们要理解动态时间的概念...

    jquery仿新浪微博动态显示

    【jQuery仿新浪微博动态显示】 在Web开发中,模拟社交媒体如新浪微博的动态加载效果是一项常见的需求。这涉及到前端JavaScript库jQuery的高效使用,以及Ajax技术来实现数据的异步加载。以下我们将深入探讨如何使用...

    jquery动态下拉菜单.zip

    本压缩包“jquery动态下拉菜单.zip”包含了使用 jQuery 创建动态下拉菜单的相关资源。 “说明.htm”可能是教程或示例代码的解释文档,而“jiaoben17110”可能是一个HTML文件,其中包含了实际的jQuery代码示例。下面...

    jQuery简单动态的响应式垂直时间轴代码

    jQuery作为一个广泛使用的JavaScript库,提供了丰富的功能和便捷的API,使得创建动态、响应式的时间轴变得更为简单。本文将深入探讨如何使用jQuery实现一个简单动态的响应式垂直时间轴。 首先,我们需要理解响应式...

    jquery时间轴特效

    使用jQuery实现时间轴特效的关键在于动态显示或隐藏里程碑的内容。例如,当鼠标悬停在某个里程碑上时,其内容可以滑动弹出: ```javascript $('.milestone').hover(function() { $(this).find('.milestone-content...

    jQuery动态文字随机显示代码.zip

    // 如果需要停止动态显示,可以使用clearInterval // clearInterval(intervalId); ``` 4. **兼容性和性能优化**:考虑到不同的浏览器对JavaScript和jQuery的支持程度,可能需要添加兼容性检查以及适当的优化措施,...

    jQuery手机端预约时间选择代码

    4. 使用jQuery事件监听,控制预约时间选择器的显示和隐藏。 5. 实现时间选择逻辑,包括验证、格式化和数据存储。 总的来说,这款jQuery手机端预约时间选择代码是一个实用的工具,它结合了jQuery的便利性和移动端的...

    jquery鼠标悬停动态显示按钮效果

    "jquery鼠标悬停动态显示按钮效果"这个主题,正是关于如何利用jQuery来实现一个当鼠标悬停时,按钮会动态显示的功能。下面将详细解释这一技术的实现原理和步骤。 首先,我们需要理解jQuery的基本概念。jQuery是一个...

    jquery时间轴显示

    通过jQuery的选择器找到时间轴元素,应用动态效果,例如点击节点时展开详细信息,滑动页面时改变当前高亮的节点等。jQuery提供了丰富的动画API,如`.fadeIn()`, `.slideUp()`, `.animate()`等,使得时间轴的交互更加...

Global site tag (gtag.js) - Google Analytics