怎样在电脑桌面上制作倒计时?

怎样在电脑桌面上制作倒计时?,第1张

除了用图片来做桌面以外,我们还可以用html页面来做桌面。在这里我们就是利用html能够显示动态时间的原理来做一个动态的倒计时桌面。第一步:找来一张喜欢的壁纸,放到一个文件夹里,并命名为:backpictrue.jpb。 第二步:在这个文件夹里新建一个记事本文件,把下面的代码复制到其中并保存为desktop.html(注意后缀要从txt改为html)。

cha0

离2010年1月1日:





第三步:在桌面的空白处点右键,然后属性——桌面——浏览,找到刚才的那个desktop.html,应用确定。这样桌面就变成了自己定义的倒计时桌面了。如果要修改时间可以到代码中找到相应的位置把时间改过来。这样的动态桌面有一个缺点,就是桌面图片的文字背景不透明了。如何要透明可以去网上下个“桌面文字透明工具”,但是经过我的使用,虽然文字背景透明了,但是倒计时那一排的图标会闪动。我还没有解决办法。如果桌面图标不多,有背景也不会给美观造成太大的影响。如果谁有更好的解决办法还望赐教。

<title>时间</title>

<script language="javascript">

//setTimeout("self.location.reload()",1000)

window.setInterval('showTime()',1000)

function showTime()

{

var enabled = 0

today = new Date()

var day

var date

if(today.getDay()==0) day = "星期日"

if(today.getDay()==1) day = "星期一"

if(today.getDay()==2) day = "星期二"

if(today.getDay()==3) day = "星期三"

if(today.getDay()==4) day = "星期四"

if(today.getDay()==5) day = "星期五"

if(today.getDay()==6) day = "星期六"

date = (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " +

day+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()

document.getElementById("time").innerHTML=date

}

</script>

<body onload="showTime()">

<div id="time"></div>

</body>

</html>

把上边的代码保存成html网页,然后打开就可以了!

<title>时间</title>

<script language="javascript">

//setTimeout("self.location.reload()",1000)

window.setInterval('showTime()',1000)

function showTime()

{

var enabled = 0 

today = new Date()

var day 

var date

if(today.getDay()==0) day = "星期日"

if(today.getDay()==1) day = "星期一"

if(today.getDay()==2) day = "星期二"

if(today.getDay()==3) day = "星期三"

if(today.getDay()==4) day = "星期四"

if(today.getDay()==5) day = "星期五"

if(today.getDay()==6) day = "星期六"

date = (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " + 

day+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()

document.getElementById("time").innerHTML=date

}

</script>

<body onload="showTime()">

<div id="time"></div>

</body>

</html>

把上边的代码保存成html网页,然后打开就可以了!

你的代码问题是:你用的是onclick事件

/*var div1=document.getElementById('div1')

div1.onclick=letstart*/

当点击div1 时才会加载时间

我把这个注释掉了

改成页面加载 就调用这个函数 letstart()

下面是我修改的 你可以看下

<html>

<head>

<script type="text/javascript">

function showtime(){

var now=new Date()

var year=now.getFullYear()

var month=now.getMonth()+1

var day=now.getDate()

var hours=now.getHours()

var minutes=now.getMinutes()

var seconds=now.getSeconds()

time=year+'/'+month+'/'+day +'/'+hours+':'+minutes+':'+seconds

var div1=document.getElementById('div1')

div1.innerHTML=time

}

function letstart(){

taskId=setInterval(showtime,500)

}

window.onload=function(){

/*var div1=document.getElementById('div1')

div1.onclick=letstart*/

letstart()

}

</script>

</head>

<body style="font-size :30px">

<div id="div1" style="width:243pxheight:35pxborder :1px solid black background-color:grey" ></div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6294820.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存