js时间倒计时

charrys

浏览: 35814 次
性别:
来自: 广州

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript XHTML HTML D语言

前断时间，因为需要写了一个服务器的时间倒计时，现在我将它改成了JS版的。
描述：severtime：为读取服务器时间!如果时间差为0或小于0表示”已经结束！“我用是的JS所以只能用本机的时间，你可以用你的服务器时间用动态语言！

Html代码

<!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=utf-8" />
<title>读取服务器时间，倒计时！</title>
<body>
<script type="text/javascript">
    <!--
        var $ = function(id){ return document.getElementById(id)}; 
        function getDiffDate(m){
            m-=(D=parseInt(m/86400000))*86400000;
            m-=(H=parseInt(m/3600000))*3600000;
            S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
			if(M<10 & M>0)
			{
				M='0'+M;
			}
			if(H<10 & H>0)
			{
				H='0'+H;
			}
			if(S<10)
			{
				S='0'+S;
			}
			if(m>0)
            return D+'天'+H+'时'+M+'分'+S+'秒';
			else
			{			
				return "已经结束！";
			}
        }
		function setime(){
			$("severtime").innerHTML=$("time").value;
		}
        window.onload = function(){
            var std=setInterval(function(){
				var severtime=$("severtime").innerHTML;
				var stdf=getDiffDate(new Date(severtime)-new Date())
				if(stdf!="已结束！")
				{
               		$("diffTime").innerHTML =stdf ; // 参数为两个时间的毫秒差					
				}
				else
				{
					$("diffTime").innerHTML =stdf;
					clearInterval(std);	
				}			
                }, 1000);
        }        
    //-->
    </script>
 </head>
<body>
<div>描述：severtime：为读取服务器时间!如果时间差为0或小于0表示”已经结束！“我用是的JS所以只能用本机的时间，你可以用你的服务器时间用动态语言！</div>
<div  style="width:300px;height:40px;line-height:40px;background-color:#C0C0C0;font-size:12px;border:2px solid #808080">
    距离<span id="severtime">2011/11/19 10:00</span>还剩:<span id="diffTime" style="color:#FF0000;font-weight:bold"></span>
</div>
<input type="text" id="time"/><input type="button" value="设置" onclick="setime()" />
<script>

document.getElementById("severtime").style.color="#ff6600";
document.getElementById("severtime").style.fontFamily ="Arial, Helvetica, sans-serif";

</script>
</body>
</html>

来自(http://www.ok22.org/art_detail.aspx?id=110 )

分享到：

kindeditor/ckeditor编辑器加+图片自动上 ... | JS可以控制样式的名称写法

2011-01-06 11:26
浏览 860
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js时间倒计时

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js时间倒计时

评论

发表评论

相关推荐

我的json获取数据实例，直接运行就可以看到了

ckeditor 编辑器+finder配置上传功能

kindeditor/ckeditor 编辑器加+图片自动上传成功（源码下载)

js实现的非跨域的iframe高度自适应(完美兼容IE,FF,Opera)

js遮罩层

js多Tab自动切换,带完善的鼠标事件

js多个tab切换简单不需要在body内添加事件

js文字上下滚动+左右滚动兼容FF/IE

前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态

清空数组的两种方式

JS可以控制样式的名称写法

js给C#控件赋值

iframe里面的页面调用父窗口,左右窗口js函数的方法

关于图片延迟加载技术-ImageLazyLoad

js判断父页存在

最近访客更多访客>>