`

javascript,根据秒钟倒计时分为分钟和秒.

 
阅读更多

简单的一个倒计时例子.代码如下: 不过有一个漏洞,如果刷新浏览器,则会显示的不正确.

 

<html>   
	<head>
		<script type="text/javascript" >
			  
			function displayTime(){
				var i = document.getElementById("myDiv").value;
			        var myDiv = document.getElementById("myDiv");
			        	    
			 	if(i>0){  
			 	      i=i-1;
			 	       setTimeout("displayTime()",1000);
			 	} 
			 	 myDiv.value = i;
			 	 document.getElementById("displayTime").value =  Math.floor(i/60)+"分钟"+((i%60))+"秒";
			}
		</script>
	</head>

	<body onload="displayTime()">
		<input id="myDiv" value="100"/>    
		<input id="displayTime" />
	</body>
</html>

 

 

分享到：
| 创建Oracle存储过程,循环插入数据到表中.
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML 5秒倒计时跳转指定网站源码.zip

    总结来说，这个HTML 5秒倒计时跳转源码展示了如何利用HTML5和JavaScript实现一个简单的动态网页功能。对于初学者，这是一个很好的实践项目，可以学习到HTML的基础结构，以及如何使用JavaScript进行页面交互。同时，...

    js结合css3倒计时三秒动画特效.zip

    【标题】"js结合css3倒计时三秒动画特效.zip"所包含的知识点主要集中在JavaScript（JS）和CSS3的应用上，特别是如何利用这两者创建动态、吸引人的倒计时动画效果。在这个项目中，开发者可能使用了JavaScript来处理...

    javascript秒数倒计时自动跳转代码.docx

    ### JavaScript 秒数倒计时自动跳转代码详解 #### 一、背景介绍 在Web开发中，倒计时功能非常常见，例如在活动页面、登录界面或是倒计时结束后的页面跳转等场景。本篇文章将详细介绍如何使用JavaScript实现一个简单...

    考试系统js 的倒计时只有小时分钟和秒

    本场景中，我们关注的是一个特定的JavaScript实现，它仅显示小时、分钟和秒，但未集成自动提交的功能。这个倒计时组件对于考试系统的用户体验至关重要，因为它能够实时反馈剩余时间，帮助考生管理答题进度。 首先，...

    元旦倒计时代码 javascript倒计时代码及倒计时弹窗.pdf

    元旦倒计时代码 javascript倒计时代码及倒计时弹窗.pdf

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

    4. **更新显示**：使用 `document.getElementById("asd").innerHTML` 更新页面上的 `&lt;span&gt;` 元素的文本，显示当前的小时、分钟和秒数。 5. **定时器**：通过 `setTimeout` 函数设置一个 1 秒后的延时调用，再次执行...

    基于JavaScript的倒计时器的设计.pdf

    本文主要讨论了基于JavaScript的倒计时器的设计，涉及到倒计时器的意义、JavaScript语言在应用中的特性、倒计时器的界面和脚本设计、本设计的特点等知识点。 知识点1：倒计时器的意义 倒计时器是一种常见的计时...

    JS做的环形倒计时

    6. **颜色和进度管理**：环形倒计时可能会有不同颜色区分不同的时间段，这可以通过CSS的类选择器和JavaScript的条件语句来实现。同时，根据剩余时间计算环形进度，更新对应元素的宽度或透明度。 7. **事件处理**：...

    用VBSCRIPT和JAVASCRIPT实现倒计时功能.pdf

    2. **Label控件**：显示倒计时的小时、分钟和秒数。 3. **Cookie技术**：使用Cookie来存储剩余时间，即使用户刷新或重新加载页面，只要浏览器未关闭，仍能正确显示剩余时间。`Document.Cookie = "time=30"`用于设置...

    flash和javascript倒计时时钟

    本项目涉及的“flash和javascript倒计时时钟”是一个结合了Flash与JavaScript技术的解决方案，允许用户在网页上实现定制化的倒计时功能。 Flash技术提供了丰富的图形和动画能力，使得倒计时钟可以具有吸引人的视觉...

    jQuery翻转倒计时定时器及时钟插件.zip

    通过AJAX请求获取服务器时间，然后转换成用户可读的格式，如小时、分钟和秒，再结合jQuery的动画效果，可以在网页上创建一个动态更新的时钟。此外，考虑到不同国家和地区的时区差异，插件可能还需要提供时区调整的...

    jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 可调节倒计时的时间，格式

    2. **计算剩余时间**：使用`targetDate - new Date()`获取毫秒差值，然后转换成天、小时、分钟和秒。注意，要处理可能的负数情况，表示已经过期。 3. **格式化时间**：将计算出的天、小时、分钟和秒格式化成用户...

    网站施工倒计时响应式网页模板.zip

    模板中的倒计时功能是通过JavaScript或者相关库实现的，它可以实时更新天数、小时数、分钟数和秒数，创造出一种紧迫感，同时也能激发访客对即将上线的新网站的好奇心。此外，模板还包含了邮件订阅功能，允许感兴趣的...

    倒计时插件-jquery.zip

    在IT行业中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax...对于熟悉JavaScript和jQuery的开发者来说，这是一个非常有价值的资源，可以帮助他们在项目中快速实现倒计时功能。

    简单实用的js倒计时 时分秒倒计时

    总的来说，JavaScript实现时分秒倒计时是一项基础但实用的技能，通过熟练掌握这一技术，开发者可以为用户提供更加直观和互动的体验。无论是简单的网页计时还是复杂的业务逻辑，理解并应用这些基础知识都是至关重要的...

    jquery实现倒计时，支持多行分别无限循环倒计时

    - 通过将毫秒数转换为天、小时、分钟和秒，我们可以构建出倒计时的显示格式。 3. **jQuery实现**： - 使用jQuery选择器选取需要展示倒计时的元素，如`$("#countdown")`。 - 创建一个`setInterval`函数，每秒更新...

    javascript 倒计时

    7. **前端UI显示**：倒计时的显示可以是小时、分钟、秒或毫秒的组合。为了用户体验，可以添加格式化功能，如两位数显示（不足两位前补0），并使用CSS进行样式美化。 8. **性能优化**：为了避免过于频繁的更新导致...

    jQuery设置时分秒倒计时代码.zip

    1. **初始化函数**：这是用户调用的函数，用于设置倒计时的参数，比如目标时间（可能是固定的日期或分钟后）和元素选择器，用于显示倒计时。 2. **时间计算**：根据目标时间和当前时间计算剩余秒数。这里可能会用到...

    javascript页面倒计时实例.docx

    // 计算剩余的分钟和秒 var ms = counttime % 60; // 剩余秒数 var mis = Math.floor(counttime / 60); // 剩余分钟 // 显示倒计时 var display; if (mis &gt;= 60) { var hour = Math.floor(mis / 60); mis =...

    JavaScript 时间倒计时

    JavaScript 时间倒计时 倒计时计算 调用方法 Timer.Init('2015/06/17 14:11:10','2015/06/18 14:12:08','ti','{0}天{1}时{2}分{3}秒')

Magicbox
Global site tag (gtag.js) - Google Analytics