`

javascript 显示剩余的时间

阅读更多
function formatTime(reallyTime){
		var time = "";
		var showTime = reallyTime;
		if(showTime>=3600){
			time = time+1+":";
			showTime = showTime-3600;
		}else{
			time = time+0+":";
		}
		if(showTime>=60 && showTime <3600){
				var tmp=parseInt(showTime/60)
				var minute =""+tmp;
				if(tmp<10){
					minute = "0"+tmp;
				}
				time = time+minute+":";
				showTime = showTime-tmp*60;
			}else{
				time = time+"00"+":";
			}
		if(showTime<60){
			if(showTime<10){
				showTime = "0"+showTime;
			}
			time = time+showTime;
		}
		return time;
	}
	
	function showTime(showTimeFlag){
		var showTime=parseInt(showTimeFlag);
//showTimeDiv是一个div的id
		document.getElementById("showTimeDiv").innerHTML="考试剩余时间:"+formatTime(showTime);
		if(showTimeFlag<=0){
			return false;
		}
		showTime = showTime -1;
		setTimeout("showTime("+showTime+")",999.999);
	}
		showTime(4800);


var endTime = new Date(2008,07,20,14,50,00);//2008年8月20日 11:50:00
	//注意:endTime > now才可以
	
	var now = new Date();
	var showtime=endTime.getTime()- now.getTime();
	//alert(endTime.getTime()- now.getTime());
	//用于显示考试的剩余时间
	function formatTime(reallyTime){
		var time = "";
		var showTime = reallyTime;
		if(showTime>=3600){
			time = time+1+":";
			showTime = showTime-3600;
		}else{
			time = time+0+":";
		}
		if(showTime>=60 && showTime <3600){
				var tmp=parseInt(showTime/60)
				var minute =""+tmp;
				if(tmp<10){
					minute = "0"+tmp;
				}
				time = time+minute+":";
				showTime = showTime-tmp*60;
			}else{
				time = time+"00"+":";
			}
		if(showTime<60){
			if(showTime<10){
				showTime = "0"+showTime;
			}
			time = time+showTime;
		}
		return time;
	}
	
	function showTime(showTimeFlag){
		var showTime=parseInt(showTimeFlag);
		document.getElementById("showTimeDiv").innerHTML="考试剩余时间:"+formatTime(showTime);
		if(showTimeFlag<=0){
			return false;
		}
		showTime = showTime -1;
		setTimeout("showTime("+showTime+")",999.999);
	}
	showTime(showtime/1000);
分享到:
评论

相关推荐

    js实现剩余时间倒计时

    在JavaScript编程中,实现剩余时间倒计时是一项常见的任务,特别是在网页动态更新或者计时类应用中。这个实例就是利用JavaScript的Date对象和定时器功能来实现这一功能的。接下来,我们将深入探讨如何使用JavaScript...

    javascript经典特效---特酷剩余时间.rar

    在本案例中,"特酷剩余时间"是一个利用JavaScript实现的特效,它可能用于显示倒计时或者时间流逝的视觉效果,为用户提供一种直观的时间感知。 在JavaScript中,处理时间通常涉及到Date对象。Date对象是JavaScript...

    判断Session的过期时间 采用JavaScript实时显示剩余多少秒

    知识点二:使用JavaScript检测Session的剩余时间 在Web前端中,JavaScript可以用来实现与用户的交互和动态内容的显示。要实时监测Session的剩余时间,就需要使用到JavaScript的定时器函数`setInterval`。这个函数...

    javascript经典特效---显示剩于时间.rar

    在JavaScript编程领域中,"显示剩余时间"是一个常见的动态效果,尤其在倒计时、定时任务或者活动截止日期提醒等场景中广泛应用。本压缩包文件"javascript经典特效---显示剩于时间.rar"包含了一个名为"显示剩于时间....

    Javascript时间 倒数器的代码与实现

    JavaScript时间倒计时器是一种常见的前端开发功能,用于显示特定日期或时间点之前的剩余时间。在网页中,这种倒计时器通常用于促销活动、竞赛结束或者重要事件的预告等场景。下面我们将深入探讨如何使用JavaScript来...

    首页特价促销商品显示剩余时间倒计时效果

    为了增强这种吸引力,许多电商会选择在促销商品的展示中添加剩余时间的倒计时效果,以紧迫感刺激消费者的购买欲望。本篇文章将详细讲解如何在ECSHOP系统中实现这一功能。 首先,我们需要对`includes/lib_goods.php`...

    javascript实现对考试时间的限制

    // 更新UI显示剩余时间 } }, 1000); // 每秒更新一次 } ``` 2. **用户界面更新**: `updateTimerUI`函数用于在页面上显示剩余时间,这通常涉及到DOM操作,如修改HTML元素的文本或样式。 ```javascript function ...

    QML复制文件并显示进度源码-增加剩余时间显示

    在QML(Qt Quick)中实现文件复制并显示进度及剩余时间是一项常见任务,尤其是在创建桌面或移动应用时。QML是一种声明性语言,用于构建用户界面,它提供了丰富的功能来处理文件操作和UI更新。以下我们将深入探讨如何...

    javascript经典特效---时间警告器.rar

    在时间警告器的实现中,JavaScript主要负责计算和更新剩余时间,以及根据时间变化来改变页面元素的显示状态,如颜色、文本或者动画效果。 要实现一个时间警告器,首先我们需要一个目标日期和时间,可以是未来的一个...

    整站宽窄自适应,头部有微博微信功能,显示促销的剩余时间,首页的团购,有节省,已售出, 剩余时间等功能,一目了然购物流程.rar

    "显示促销的剩余时间"是一个增强用户参与度的特性,它利用JavaScript或者服务器端的时间戳来计算并实时更新促销活动的倒计时,促使用户尽快采取行动。这种动态显示可以使用JavaScript的定时器函数setInterval和...

    利用javascript技术实现时间倒计时

    ### 使用JavaScript技术实现时间倒计时 #### 一、引言 在当今互联网时代,倒计时功能在网站和应用程序中十分常见,如活动倒计时、产品发布倒计时等场景。通过JavaScript技术实现时间倒计时不仅能够增强用户体验,...

    javascript 倒计时 实例

    在这个倒计时实例中,JavaScript将用于计算剩余时间并更新计时器的显示。 2. **Date对象**: 在JavaScript中,`Date`对象用于处理日期和时间。倒计时的核心是计算目标日期与当前日期之间的差值,然后将这个差值...

    简单的JavaScript特效

    8. **时间倒计时**:对于有截止日期的职位,可以显示剩余的申请时间,增加紧迫感。 通过这些简单的JavaScript特效,可以使招聘网站更生动、更具吸引力,同时也展现了开发者运用JavaScript解决问题和提升用户体验的...

    淘宝网的剩余时间(倒计时)

    通过不断地刷新页面或更新 DOM 元素中的文本,来实时显示剩余时间的变化。 ##### 2. 关键代码解读 首先,我们来看一下这段代码的核心部分: ```javascript // 初始化剩余秒数 var auctionDate = 120; // 获取当前...

    JavaScript原码_自编

    我们需要定义一个函数来计算剩余时间,并使用DOM操作来更新页面上的计时器显示。此外,可能还需要`clearInterval`函数来停止计时器,防止时间无限增加。 接着,计时器函数涉及到更广泛的定时和异步概念。JavaScript...

    js 时间插件(带时分秒)

    2. 倒计时:设置一个结束时间点,插件可以计算并显示剩余时间,常用于活动倒计时或考试倒计时。 3. 计时器:从用户指定的起点开始计时,可以用于游戏、训练或计时任务。 4. 时间格式化:根据需要将时间转换为不同...

    asp.net 网页常用Javascript代码

    通过JavaScript的Date对象计算距离特定日期的剩余时间: ```javascript var timedate = new Date("December 25, 2003"); var times = "圣诞节还有" + (timedate.getTime() - new Date().getTime()) / 1000; // ...

    JavaScript客户端验证和页面特效制作(JavaScript)

    7. **计时器与倒计时**:用于展示活动剩余时间、倒计时提醒等。 8. **动画效果**:利用CSS3和JavaScript库(如jQuery)创建平滑的过渡和动画效果。 **三、JavaScript教程和项目实例** 学习JavaScript特效和验证,...

    JavaScript特效实例

    4. 倒计时:计算并显示剩余时间,可应用于倒计时活动或计时器应用。 5. 表单验证:实时检查用户输入,显示错误提示,提高用户体验。 七、库和框架 为了简化开发过程,许多开发者会使用像jQuery、React或Vue.js这样...

Global site tag (gtag.js) - Google Analytics