 | 项目搜索 |
|
| |
|
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
按时间不同显示图片
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
根据时间不同显示不同的图片，而且显示当前时间，很实用
|
该代码片段的版本系列:
| 片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
| 4681 | 1.0 | 2003-10-14 14:36 | cbd001 |  |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x = 121;
var y = 1;
function Reload() {
x = x - y;
document.form1.clock.value = "在 " + x + " 秒内重新刷新";
timerID = setTimeout("Reload()", 1000);
}
var timerID = null;
var timerRunning = false;
function stopclock() {
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
}
function showtime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var timeValue = "" + ((hours >12) ? hours -12 :hours);
if (timeValue == "0") timeValue = 12;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += (hours >= 12) ? " P.M." : " A.M.";
document.form2.time.value = "当前时间为： " + timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
// End -->
</script>
<table border=2 width="180">
<tr align=center valign=center>
<td align=center valign=center width="180" height="140">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var address ="" ;
var time = new Date();
var ab = time.getHours();
if ( ab >= 0 && ab < 12) {
address = "onmouse1.gif";
}
else {
address = "cursor4.gif";
}
document.write("<img src='" + address + "'>");
// End -->
</script>
</td>
</tr>
<tr align=center valign=center>
<td align=center valign=center width="180">
<form name="form1">
<input type=text name="clock" size=20 value="正在下载页面...">
</form>
</td>
</tr>
<tr align=center valign=center>
<td align=center valign=center width="180">
<form name="form2">
<input type=text name="time" size=20>
</form>
</td>
</tr>
<tr align=center valign=center>
<td align=center valign=left width="180">
本例0-12点、12-24点显示的图片是不一样的
</td>
</tr>
</table>
第二步：把<body>中的内容改为：
<body bgcolor="#fef4d9" onLoad="Reload();startclock()">
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|
