链接类
VML
按钮类
标题类
表单类
表格类
菜单类
窗口类
对象类
滚动条
键盘类
框架类
例子类
模拟类
日期类
色彩类
鼠标类
数学类
图片类
文字类
下拉框
样式类
游戏类
状态栏
资料类
字幕类
其它类
·
选择日期
·
日历和时间钟
·
农历日期
·
选择日期
·
日历
·
停留时间
·
完整日期
·
时钟
·
柱状时钟
·
日期选择菜单
您当前位置:
好素材首页
-> 网页特效 -> 日期类
查看信息
按钮时钟
好素材网 www.HaoSc.com 02月22日 11:49
[
查看演示
] 源码如下
----------------------------------------------------------
<style>
input { font-family: Tahoma; font-size: 9pt; color: #FF0000 }
</style>
<script LANGUAGE="JavaScript">
<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
today = new Date();
hrNow = today.getHours();
mnNow = today.getMinutes();
scNow = today.getSeconds();
miNow = today.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("无忧视窗:http://www.51windows.com"
+"\n\n你已经停留了大约"+ minsVisit + "分 "
+ secsVisit + "秒"+ " 在本页面上");
}
document.write("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form></center>");
onError = null;
clock();
// End -->
</script>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
此信息共 1 页 [
1
]