⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 5-3.html

📁 JavaScript经典实例教程代码
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>倒影时钟</title>
	<head>
<script language=JavaScript>
<!-- 
function initial()
{
//确定倒影的位置
time2.style.left=time1.style.posLeft;
time2.style.top=time1.style.posTop+time1.offsetHeight+13;
setTimes();
}
function setTimes()
{
var myTime=new Date();
year=myTime.getYear();
month=myTime.getMonth()+1;
date=myTime.getDate();
hours=myTime.getHours();
minutes=myTime.getMinutes();
seconds=myTime.getSeconds();
if(year<100)
year="19"+year;
if(month<10)
month="0"+month;
if(date<10)
date="0"+date;
if (hours<10)
hours="0"+hours;
if(minutes<10)
minutes="0"+minutes;
if (seconds<10)
seconds="0"+seconds;
time1.innerHTML="<font size=13px>"+year+" "+month+" "+date+" "+hours+":"+minutes+":"+seconds+"</font>";
time2.innerHTML="<font size=13px>"+year+" "+month+" "+date+" "+hours+":"+minutes+":"+seconds+"</font>";
setTimeout('setTimes()',1000);
}
//-->
</script>
</head>
<body onload="initial()">
<span id=time1 
style="position:absolute;left:40px;top:30px;"></span>
<span id=time2 
style="filter:flipv  alpha(opacity=30); font-style:italic; position:absolute"></span>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -