`
longxingtx520
  • 浏览: 18358 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

setInterval-----倒计时

    博客分类：
  • js
 
阅读更多 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
	var timeObj = {
		time : 0,
		time_desc : 0
	}
	
	var $ = function(_id) {
		return document.getElementById(_id);
	}
	
	var init = function() {
		timeRandom();
		showTime();
		timeObj.time_desc = setInterval("showTime();", 1000);
	}
	
	var timeRandom = function() {
		timeObj.time = parseInt(Math.random() * 10) + 5;
	}
	
	var showTime = function() {
		if(timeObj.time <= 0) {
			clearInterval(timeObj.time_desc);
			$("time").innerHTML = "Game over"
			return;
		}
		$("time").innerHTML = timeObj.time;
		timeObj.time --;
	}
</script>
</head>

<body onload="init();">
	<div id="time"></div>
</body>
</html>
 
分享到：
| javascript中prototype用法实例
评论
发表评论

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

相关推荐

    倒计时-----Canvas

    实现倒计时功能，我们需要使用JavaScript的`Date`对象以及定时器（`setInterval()`）。首先，创建一个函数来计算剩余时间： ```javascript function getTimeRemaining(endTime) { var t = Date.parse(endTime) - ...

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

    jQuery实现倒计时的核心在于对Date对象的处理和定时器（setTimeout或setInterval）的使用。以下我们将详细探讨这一过程： 1. **基础概念**： - **Date对象**：JavaScript中的Date对象用于处理日期和时间，我们可以...

    微信小程序-倒计时组件

    2. 定时器：使用`setInterval`函数持续检查时间，以更新倒计时显示。 3. 错误处理：考虑时间戳无效或网络延迟等情况，确保组件在异常情况下能稳定运行。 4. 用户交互：添加必要的提示和反馈，如完成倒计时后的提示...

    javascript经典特效---倒计时载入页面.rar

    时间管理主要是通过`setInterval`函数来定时更新页面上的倒计时显示。`setInterval`函数接受两个参数：一个回调函数和间隔时间（以毫秒为单位），然后每隔指定时间就会执行该回调函数。 首先，我们需要在HTML中创建...

    BOSS刷新提醒-倒计时.zip

    在IT行业中，游戏开发是一个非常重要的领域，而“BOSS刷新提醒-倒计时”这样的功能则直指游戏系统的优化和用户体验提升。这个压缩包文件包含了一个名为“BOSS刷新提醒-倒计时.xls”的Excel表格，这通常用于管理游戏...

    JavaScript--倒计时

    JavaScript倒计时是一种常见的网页动态效果，用于显示特定时间点前的剩余时间。在Web开发中，倒计时常用于活动预告、考试提醒或者产品上线等场景。本篇将深入探讨如何利用JavaScript实现一个功能完备的倒计时功能。 ...

    js--倒计时

    根据提供的文件信息，本文将详细解析两种不同的JavaScript倒计时实现方法，并对每种方法进行深入探讨，包括其工作原理、代码逻辑以及可能的应用场景。 ### 第一种倒计时实现方式 #### 方法概述 该方法定义了一个名...

    实现倒计时，重新倒计时

    - **后端实现**：在服务器端，可以使用Node.js的`setTimeout()`或`setInterval()`函数，但通常倒计时更多地在客户端实现，因为这样可以减少服务器资源的消耗。 - **移动端**：对于Android和iOS应用，可以使用Java...

    倒计时环形进度条

    在编程中实现倒计时，通常需要处理时间戳的计算，涉及到日期和时间对象的操作，以及定时器（如JavaScript的setInterval或setTimeout）的使用。倒计时功能的实现包括设置初始时间，实时更新剩余时间，并在到达终点时...

    vue倒计时刷新页面不会从头开始的解决方法

    在countDown方法中，通过setInterval设定1秒钟执行一次倒计时递减操作，并在倒计时结束或者页面刷新时通过clearInterval清除定时器，确保倒计时不会重复执行。 通过这种方式，我们可以确保即使在Vue单页面应用中，...

    flash倒计时倒计时

    - **JavaScript**：在网页端，可以使用`setInterval`函数每隔一定时间（如1秒）更新倒计时显示，同时配合`new Date()`和`getTime()`来处理时间。 - **Python**：使用`datetime`模块可以轻松地创建倒计时，`time`...

    微信小程序-倒计时

    5. **页面渲染优化**：由于倒计时需要频繁更新界面，为了避免不必要的渲染，可以使用`wx.requestAnimationFrame`替代`setInterval`，这样能保证在下一次绘制之前执行，提高性能。 6. **异常处理**：考虑用户可能在...

    微信小程序-精美倒计时动画

    其中，`onLoad`通常用于初始化数据，`setInterval`可以用来设置定时器进行倒计时。 3. **数据绑定**：WXML和JS之间的数据通信通过数据绑定实现。例如，你可以创建一个`data`对象，其中包含倒计时的总秒数，然后在...

    微信小程序电商-拼团-倒计时.zip

    2. **定时刷新**：使用`setInterval`函数定时更新倒计时显示，确保时间准确无误。 3. **状态判断**：当倒计时结束时，自动停止计时并触发相应事件，如关闭拼团窗口或切换至其他页面。 4. **用户体验**：合理设计倒...

    计时器（倒计时，正计时）demo

    在这个Demo中，倒计时和正计时可能通过这两个函数进行控制，`setInterval()`用于周期性执行某段代码，而`setTimeout()`则在指定时间后执行一次。 3. **倒计时与正计时**：倒计时是从一个设定的时间点开始递减，常...

    倒计时插件-jquery.zip

    然后，它会设置一个定时器（可能使用`setInterval`函数），每隔一定时间更新倒计时显示。倒计时计算涉及日期对象的处理，例如`Date`对象的`getTime()`方法用于获取当前时间戳，然后与目标日期的时间戳进行比较，计算...

    html5利用setInterval实现新年元旦倒计时

    html5利用setInterval实现新年元旦倒计时

    jquery倒计时插件多个倒计时同时计时代码

    本文将详细讲解如何使用jQuery实现多个倒计时插件同时计时的功能，这对于创建如考试倒计时、活动倒计时等多种场景都非常有用。 首先，我们需要一个基础的jQuery倒计时插件。这个插件通常包含以下核心功能： 1. **...

    倒计时.zip

    5. **实时更新**：倒计时必须实时更新，这需要定时器（例如JavaScript的setInterval函数）来定期检查并更新倒计时的值。 其次，实现倒计时功能主要涉及到以下技术： 1. **HTML**：用于创建倒计时元素的结构，比如...

    2023年新年倒计时HTML源代码，2023年春节倒计时代码

    JavaScript的`setInterval`函数可以每秒执行一次，不断刷新倒计时。 `newyear.png`可能是一个与新年或春节相关的图像资源，例如装饰图标或背景图，这些图片可以增加网页的视觉吸引力，使其更具节日气氛。 在实际...

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