`

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存储过程,循环插入数据到表中.
评论
发表评论

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

相关推荐

    元旦倒计时代码和效果图.zip

    元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和效果图.zip元旦倒计时代码和...

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

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

    javascript 实现网页 倒计时 代码

    `setInterval`函数每秒执行一次，计算当前时间和目标时间的差值，然后将结果转换为天、小时、分钟和秒。这些数值被格式化后显示在id为`countdown`的HTML元素中。当倒计时结束时，会清除定时器并显示倒计时结束的消息...

    javascript 倒计时 实例

    倒计时的核心是计算目标日期与当前日期之间的差值，然后将这个差值转换成天、小时、分钟和秒。例如，你可以使用`new Date()`获取当前时间，`new Date('target_date')`获取目标日期，然后通过`getTime()`方法获取两者...

    简单易用的倒计时插件——jQuery.downCount.js.zip

    - `separator`: 可选，自定义分隔符，用于区分天、小时、分钟和秒，例如': '。 - `days`, `hours`, `minutes`, `seconds`: 可选，自定义每个时间单位的显示模板，可以包含HTML。 ### 5. 倒计时事件处理 当倒计时...

    typeScript倒计时5分钟

    在本文中，我们将深入探讨如何使用Cocos Creator和TypeScript实现一个五分钟的倒计时功能。Cocos Creator是一个强大的2D游戏开发框架，它支持多种编程语言，包括JavaScript和TypeScript。TypeScript是JavaScript的一...

    js实现倒计时时分秒

    1. **定义目标时间**：使用`new Date()`构造函数，传入年、月、日、小时、分钟和秒来创建一个目标日期对象。 2. **获取当前时间**：同样使用`new Date()`创建一个表示当前时间的对象。 3. **计算差值**：通过`...

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

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

    时间倒计时显示页面特效脚本.zip

    综上所述，这个“时间倒计时显示页面特效脚本”结合了HTML、CSS和JavaScript（包括jQuery库）技术，通过合理的时间处理和DOM操作，实现了动态更新的倒计时效果。它为开发者提供了一个实用的模板，可以快速集成到自己...

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

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

    倒计时网站正在建设中.zip

    4. **格式化时间**：为了让倒计时更易读，时间通常会以天、小时、分钟和秒的形式显示。JavaScript需要对剩余时间进行拆分和格式化，以便在界面上正确呈现。 5. **用户界面**：倒计时的样式可能通过CSS进行定制，以...

    jQuery倒计时自动随机抽奖代码.zip

    "jQuery倒计时自动随机抽奖代码.zip"是一个典型的Web应用程序示例，它结合了JavaScript库jQuery的功能，实现了倒计时与随机抽奖的逻辑。下面我们将详细探讨这个项目中的关键知识点。 首先，`index.html`是网页的...

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

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

    JavaScript实现倒计时

    在函数中，我们可以根据时间差计算剩余的天数、小时数、分钟数和秒数。需要注意，当时间差小于0时，倒计时应该停止并显示"已结束"。 ```javascript function updateCountdown() { if (timeDifference ) { ...

    倒计时.zip

    4. **时间格式化**：倒计时需要将剩余时间转换为天、小时、分钟和秒等单位，这需要对日期和时间处理的理解，通常通过编程语言如JavaScript的Date对象来完成。 5. **实时更新**：倒计时必须实时更新，这需要定时器...

    javascript页面倒计时

    javascript页面倒计时javascript页面倒计时javascript页面倒计时javascript页面倒计时

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

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

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

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

    jquery 倒计时 设置几天、小时、分钟、秒等属性只需修改到期时间

    本文将详细讲解如何利用jQuery实现一个倒计时功能，并着重阐述如何设置几天、小时、分钟和秒等属性，以及如何在倒计时结束后显示特定提示。 首先，我们需要理解倒计时的基本原理。倒计时是通过计算当前时间与设定...

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

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

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