javascript在背景图片上显示时间

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!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>
<style type="text/css">
#time{
background-image:url(file:///D|/JavaScription 课程/time.jpg);
background-repeat:no-repeat;
border:2px solid #FF33FF;
width:380px;
height:40px;
font-size:16px;
color:#FF0000;
line-height:40px;
padding-left:400px;
}
</style>
<script language="javascript" type="text/javascript">
function $(id)
{
return document.getElementById(id)
}
function showtime()
{
var now = new Date()
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var day = now.getDay();
var array =new Array("日","一","二","三","四","五","六");
var hour = now.getHours();
hour = hour<10?"0"+hour:hour
var minute = now.getMinutes();
minute = minute<10?"0"+minute:minute;
var second = now.getSeconds();
var str = "现在时间是：" + year + "年" + month + "月" + date + "日" + "星期" + array[day] + hour + ":" + minute + ":" +second
$("time").innerHTML = str;
document.title = str;
status = str;
}
setInterval("showtime()",1000)
</script>
</head>

<body onload="showtime()">

</body>
</html>
<script language=javascript

在body中什么都没有的时候可以显示！ 但是当body中有任何文字，表单，图片，就是无论有什么就不显示了！
麻烦大家帮我看看！
谢谢
这是在背景图片上显示时间的问题 展开
 我来答
3个回答
#热议# 发烧为什么不能用酒精擦身体来退烧？
百度网友2506695
2009-12-28 · TA获得超过480个赞
知道小有建树答主
回答量：246
采纳率：0%
帮助的人：102万
我也去答题访问个人页
展开全部
<html>
<script language="javascript">
function clockon(){
var date=new Date();
var YY=date.getYear();
var MM=date.getMonth()+1;
var DD=date.getDate();
var KK=date.getDay();
var HH=date.getHours();
var mm=date.getMinutes();
var SS=date.getSeconds();
if (MM<10) MM="0"+MM;
if (DD<10) DD="0"+DD;
if (HH<10) HH="0"+HH;
if (mm<10) mm="0"+mm;
if (SS<10) SS="0"+SS;
switch (KK){
case 1:
KK="星期一";
break;
case 2:
KK="星期二";
break;
case 3:
KK="星期三";
break;
case 4:
KK="星期四";
break;
case 5:
KK="星期五";
break;
case 6:
KK="星期六";
break;
case 0:
KK="星期日";
break;
}
var str_date=" 当前时间："+YY+"年"+MM+"月"+DD+"日 "+KK+" "+HH+":"+mm+":"+SS;
if(document.all){
div_date.innerHTML=str_date;
}
var timer=setTimeout("clockon()",200);
}
</script>
<style>
#qq{
margin-left:12px;
padding-top:10px;
background-color:white;
height:30px;
}
#q{
margin-left:12px;
background-color:white;
height:170px;
}
#a{
display:inline;
width:25px;
}
#dd{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
border-right-style:hidden;
display:inline;
height:24px;
margin-left:10px;
}
#ff{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
border-right-style:hidden;
display:inline;
height:24px;
}
#gg{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
border-right-style:hidden;
display:inline;
height:24px;
}
#hh{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
border-right-style:hidden;
display:inline;
height:24px;
}
#jj{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
border-right-style:hidden;
display:inline;
height:24px;
}
#kk{
padding:3px;
padding-left:12px;
padding-right:12px;
border:1 solid;
border-color:#FF9966;
display:inline;
height:20px;
}
#ww{
margin-left:10px;
height:170px;
width:760px;
border:1 solid;
border-color:#FF9966;
display:inline;
background-color:white;
}
#ww table{
margin-top:5px;
}
#ww table td{
line-height:18px;
}
#time{
padding-top:10px;
font-weight:bolder;
height:30px;
}
#qq div,#time{
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=white,endColorStr=#ffad84);
font-size:12px;
}
</style>
<body onLoad="clockon()">
<div>
<div id="qq">
<div id="dd">热点导航</div>
<div id="ff">视频影视</div>
<div id="gg">休闲娱乐</div>
<div id="hh">社区聊天</div>
<div id="jj">县内导航</div>
<div id="kk">更多...</div>
</div>
<div id="q">
<div id="ww">
<table width="100%" style="font-size:12px;">
<tr align="center">
<td>12可可西</td><td>MP3音乐</td><td>久久音乐</td><td>MP3下载 </td>
<td>我爱音乐</td><td>一听音乐</td><td>9999音乐</td><td>音乐在线</td>
</tr>
<tr align="center">
<td>搜狐音乐</td><td>新浪音乐</td><td>TOM音乐</td><td>腾讯音乐</td>
<td>A8音乐</td><td>搜刮音乐</td><td>九天音乐</td><td>QQ163</td>
</tr>
<tr align="center">
<td>17173</td><td>新浪游戏</td><td>网络游戏</td><td>腾讯游戏</td>
<td>TOM游戏</td><td>联众游戏</td><td>金山游戏</td><td>中华网游</td>
</tr>
<tr align="center">
<td>热血传奇</td><td>跑跑卡丁车</td><td>魔售世界</td><td>泡泡糖</td>
<td>QQ音速</td><td>QQ幻想</td><td>梦幻西游</td><td>征途</td>
</tr>
<tr align="center">
<td>娱乐视频</td><td>土豆网</td><td>动漫游戏</td><td>图片欣赏</td>
<td>桌面程序</td><td>搜狐交友</td><td>非常男女</td><td>秘密花园</td>
</tr>
<tr align="center">
<td>手机游戏</td><td>手机之家</td><td>占星奇缘</td><td>生肖星座</td>
<td>嘻嘻嘻哈哈</td><td>相声大全</td><td>猫扑搞笑</td><td>新浪体育</td>
</tr>
</table>
<div id="time"><marquee behavior="alternate" scrolldelay="150" scrollamount="3"><blink><div align="center" id="div_date"></div></blink></marquee></div>
</div>
</div>
</div>
</body>
</html>

你看一下上面的代码....
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
 xep0825
2009-12-17 · TA获得超过623个赞
知道小有建树答主
回答量：379
采纳率：100%
帮助的人：513万
我也去答题访问个人页
展开全部
1.setInterval("showtime()",1000)//这已经有问题,不是放在一个函数内部,就会被立即执行,这时候,body的内容生成,也就找不到"time"元件
2.body内好像漏了"time"元件,我给加了一个.

<!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>
<style type="text/css">
#time{
background-image:url(file:///D|/JavaScription 课程/time.jpg);
background-repeat:no-repeat;
border:2px solid #FF33FF;
width:380px;
height:40px;
font-size:16px;
color:#FF0000;
line-height:40px;
padding-left:400px;
}
</style>
<script language="javascript" type="text/javascript">
function $(id)
{
return document.getElementById(id)
}
function showtime()
{
var now = new Date()
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var day = now.getDay();
var array =new Array("日","一","二","三","四","五","六");
var hour = now.getHours();
hour = hour<10?"0"+hour:hour
var minute = now.getMinutes();
minute = minute<10?"0"+minute:minute;
var second = now.getSeconds();
var str = "现在时间是：" + year + "年" + month + "月" + date + "日" + "星期" + array[day] + hour + ":" + minute + ":" +second
$("time").innerHTML = str;
document.title = str;
status = str;
}
function startShowTime()
{
showtime();
setInterval('showtime()',1000);
}
</script>
</head>
<body onload="startShowTime()">
<label id="time"></label>

</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
百度网友a927ff9
2009-12-17 · TA获得超过692个赞
知道小有建树答主
回答量：584
采纳率：0%
帮助的人：566万
我也去答题访问个人页
展开全部
你的<body>确实有问题，缺少一个“time”。
但你提到的“有任何文字，表单，图片，就是无论有什么就不显示了！”这在我这边没出现过，我用的<body>是这样的，你对对看。图片和文字都可以正常显示在下面。
<body onload="showtime()">
<div id="time" ></div>
<img id="img1" src="mm.jpg">
<div> asfasdf</div>

</body>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（1）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式