倒计时桌面的制作 [ Date: 2008-09-19 9:45:50 PM | 作者: admin | 来源: wanghaibin106 |
| ] |
|
平常我们喜欢把各种好看的图片做为自己的桌面,但是有时候我们有各种各样的考试,一到考试时就后悔还没来得急看书复习。如果可以在自己电脑的桌面上显示一个倒计时,来提醒自己,岂不美哉。
下面我将介绍具体的做法:
除了用图片来做桌面以外,我们还可以用html页面来做桌面。在这里我们就是利用html能够显示动态时间的原理来做一个动态的倒计时桌面。
第一步:找来一张喜欢的壁纸,放到一个文件夹里,并命名为:backpictrue.jpb。
第二步:在这个文件夹里新建一个记事本文件,把下面的代码复制到其中并保存为desktop.html(注意后缀要从txt改为html)。
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>cha0</title> </head>
<body background="backpictrue.jpg" bgcolor="#235CDB">
<p align="right">
<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#13467F,strength=8); WIDTH: 100%; COLOR: #D5E7F5; LINE-HEIGHT: 160%; FONT-FAMILY: 隶书"> 离2010年1月1日: <br> <span id="span_dt_dt" ></span> <SCRIPT language=javascript> <!-- //document.write("");
function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("1-1-2010");//根据自己的要求修改倒计时时间 today=new Date(); timeold=(BirthDay.getTime()-today.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(e_daysold-daysold)*24; hrsold=Math.floor(e_hrsold); e_minsold=(e_hrsold-hrsold)*60; minsold=Math.floor((e_hrsold-hrsold)*60); seconds=Math.floor((e_minsold-minsold)*60); span_dt_dt.innerHTML="还有"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"!" ;
}
show_date_time();
//--> </SCRIPT> </FONT>
</td>
</p>
</body>
</html>
第三步:在桌面的空白处点右键,然后属性——桌面——浏览,找到刚才的那个desktop.html,应用确定。
这样桌面就变成了自己定义的倒计时桌面了。如果要修改时间可以到代码中找到相应的位置把时间改过来。这样的动态桌面有一个缺点,就是桌面图片的文字背景不透明了。如何要透明可以去网上下个"桌面文字透明工具",但是经过我的使用,虽然文字背景透明了,但是倒计时那一排的图标会闪动。我还没有解决办法。如果桌面图标不多,有背景也不会给美观造成太大的影响。如果谁有更好的解决办法还望赐教。
|
|