JS倒计时

<!--倒计时脚本-->
					<script type="text/javascript">
					var CID = "endtime";

					if(window.CID != null)
					{
						var dTime = document.getElementById(CID).innerText;
						var iTime = dTime*24*3600;
						var Account;
						
						RemainTime();
					}
					function RemainTime()
					{
						var iDay,iHour,iMinute,iSecond;
						var sDay="",sHour="",sMinute="",sSecond="",sTime="";
						if (iTime >= 0)
						{
							iDay = parseInt(iTime/24/3600);
							if (iDay > 0)
							{
								sDay = iDay + "天";
							}
							iHour = parseInt((iTime/3600)%24);
							if (iHour > 0){
								sHour = iHour + "小时";
							}
							iMinute = parseInt((iTime/60)%60);
							if (iMinute > 0){
								sMinute = iMinute + "分钟";
							}
							iSecond = parseInt(iTime%60);
							if (iSecond >= 0){
								sSecond = iSecond + "秒";
							}
							if ((sDay=="")&&(sHour=="")){
								sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
							}
							else
							{
								sTime=sDay+sHour+sMinute+sSecond;
							}
							if(iTime==0){
								clearTimeout(Account);
								  sTime="<span style='color:green'>!</span>";
							}
							else
							{
								Account = setTimeout("RemainTime()",1000);
							}
							iTime=iTime-1;
						}
						else
						{
								sTime="<span style='color:red'>倒计时结束!</span>";
						}
						document.getElementById(CID).innerHTML = sTime;
					}

					</script> <!--倒计时脚本end-->

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ml

JavaScript基础知识(1)

表单的确认 :       客户端确认         --减少服务器负载         --缩短用户等待时间         --兼容性难       服务...

30430
来自专栏Golang语言社区

【Golang语言社区】H5游戏开发-纯javascript模仿微信打飞机小游戏

纯JavaScript模仿微信打飞机游戏,做网页小游戏的借鉴下,界面设计是竖长形仿手机屏幕风格,游戏效果流畅。具有分数统计,里面的JS封装类中包括有创建飞机类、...

68370
来自专栏Golang语言社区

【JS游戏编程基础】关于js里的this关键字的理解

this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解js里this关键字...

514100
来自专栏Golang语言社区

【Golang语言社区】H5游戏开发--JavaScript学习:21点游戏

一、游戏规则 21点游戏的规则有很多种,我在写这个21点游戏的时候,选取了一种规则,描述如下: 1、游戏共有两名玩家,玩家1(庄家)和玩家2,在我编写的这个21...

48660
来自专栏Golang语言社区

【前端基础】JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言,是浏览器上的程序语言。当web容器输出内容到浏览器时,这个内容是包含js源代码的,此时,JavaScript可...

52870
来自专栏Golang语言社区

JS基础(上)

JS与DOM的关系 浏览器有渲染html代码的功能,把html源码(如div,p标签等)在内存里形成一个DOM对象 文档对象模型DOM(Document Obj...

796140
来自专栏Golang语言社区

JS基础(下)

事件DOM Event 更多事件请查询h3c htmldom参考手册 event onclick() :当点击时 onfocus() :获得焦点时 ;当...

59170
来自专栏web前端教室

【JS高程】第3章 3.4.5(3)NaN(节选)

NaN,它的全称是 Not a Number,即非数值。用来表示“一个本来要返回数值的操作数,却未返回数值时的情况”。这样就不会报错了嘛。 在ECMAScrip...

36470
来自专栏Golang语言社区

【Golang语言社区--H5编程】smoke.js

大家好,我是社区主编彬哥,今天给大家带来的H5游戏编程中,烟雾特效的js库; 源码如下 var smokemachine = function (c...

457100
来自专栏Golang语言社区

使用Go开发一个简单的服务器程序

最近有个小项目,需要一个简单的后台程序来支撑,本来想用Nodejs来做,但是由于本人js一直很菜,并且很讨厌callback,虽然我也很喜欢异步模型,但我一直都...

41490

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励