`
longxingtx520
  • 浏览: 17844 次
  • 性别: 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用法实例
评论
发表评论

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

相关推荐

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

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

    setinterval倒计

    setinterval倒计 HTML倒计时

    立秋倒计时指定时间内多次调用.html

    js的一个简单应用，立秋倒计时： 指定时间内多次调用 setInterval("daojishi()",1000)//函数，刷新时间(函数外部调用) 指定时间内调用一次：应用于函数内部 setTimeout("daojishi()",1000)// 函数，刷新时间 ...

    js前端如何写一个精确的倒计时代码

    关于写倒计时大家可能都都比较熟悉，使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题，但是如果是长时间的倒计时，这样写就会不准确。如果用户修改了他的设备时间，这样的倒...

    从10倒计时

    使用setInterval制作倒计时

    Flash倒计时器(可设置时间)

    flash cs6 制作倒计时器，可以设置任意分钟和秒数，使用AS3.0的Timer类编写，计时相对于AS2.0的setInterval更为准确。

    计时器倒计时

    js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeo...

    解决了ios系统因锁屏导致倒计时不准的问题

    做ios应用的时候页面会有倒计时，但是有客户会锁屏，这个时候页面倒计时就不动了。 解决了这个问题，当屏幕打开的时候倒计时还会像没有锁屏那样继续按时走着。真是不错，哈哈

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    接着，函数将截止日期转为时间戳，并使用 setInterval 定时器更新倒计时的内容。为了更好的体验，倒计时内容被格式化为天、小时、分钟和秒钟，并通过 document.getElementById 更新 HTML 元素的值。当倒计时结束时，...

    微信小程序 短信验证码登录 倒计时 setInterval

    需求：输入手机号 -&gt; 点击...// 开始倒计时 that.setData({ seconds: 60, timer: setInterval(function(){ let seconds = that.data.seconds that.setData({ seconds: seconds - 1 }) if (that.data.seconds == 0) { //

    【JavaScript源代码】javascript实现简单倒计时效果.docx

    javascript实现简单倒计时效果 　本文实例为大家分享了javascript实现倒计时效果的具体代码，供大家参考，具体内容如下　实现思路：　1、页面创建好天、小时、分、秒的标签元素，定义好样式 2、js获取天、小时、分、...

    计时器解决setIntervalsetTimeout的休眠问题

    real-interval 如果你用setTimeout或setInterval实现过网页倒计时功能，你就会发现： 当电脑或者APP休眠了一段时间后，倒计时会出现问题：它比正确的时间慢了。 real-interval能解决这个问题。

    vue+moment实现倒计时效果

    本文实例为大家分享了vue+moment实现倒计时的具体代码，供大家参考，具体内容如下 示例 代码 &lt;!-- 使用计算属性，传入截止日期 --&gt; &lt;span&gt;{{countDown(endDate)}} /*引入日期插件*/ import moment from '...

    使用html css less js做的简单倒计时

    在本案例中，通过基础的html，css，less，js技术实现了倒计时的功能，用户自定义截止时间，通过获取当前时间，经过时间计算函数，得到倒计时，通过setInterval函数来实现每秒进行变换，在执行setinterval函数之前，...

    IOS系统中，倒计时（setInterval函数）失效的问题

    先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。...1、适用场景：通过传入参数控制倒计时时间的页面。  2、解决思路：在息屏和挂起的时候，我们可以通过vConsole可以看到是执行了o

    jquery实现倒计时功能

    本文实例为大家分享了jquery倒计时功能的实现代码，供大家参考，具体内容如下 定义和用法： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 ...

    JavaScript分秒倒计时器实现方法

    本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下： 一、基本目标 在JavaScript设计一个分秒倒计时器，一旦时间完成使按钮变成不可点击状态 具体效果如下图，为了说明问题，调成...

    简单实现js倒计时功能

    本文实例为大家分享了js倒计时的具体代码，主要使用了JS的Date对象和定时器setInterval，供大家参考，具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; 倒计时 &lt;/title&gt; &lt;...

    js实现倒计时关键代码

    我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂. 首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了,下面我分了几个步骤: 1.获取当前的时间,...

    AngularJS 支付倒计时功能实现思路

    1、前端只负责展示倒计时，不具备实际功能； 2、实际实现方式：数据库中设置一个每分钟执行一次的定时任务（故与实际情况会有一分钟以内的误差），只要订单创建时间超过15分钟会自动将订单状态改为“取消”。 遇到...

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