每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>日期时间特效代码>

收藏分享查看评论日期时间

状态栏显示时间——数字钟_日期时间特效

查看演示效果

特效Tag：Js日期添加

JavaScript日期特效，在状态栏显示一个数字钟，虽然现在不怎么用，但本代码有助于研究JavaScript对IE对象的控制技巧，必要时参考一下。

<HTML>
<HEAD>
<TITLE>状态栏显示时间——数字钟</TITLE>
<META mrc="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
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 seconds = now.getSeconds()
        var timeValue = " " + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " pm" : "am"
        window.status = timeValue;
        document.title = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
function startclock () {
        stopclock();
        showtime();
}
window.onload=startclock
</SCRIPT>
<style>
body { font-family: Tahoma; font-size: 9pt; color: #FFFFFF }
</style>
</HEAD>
<BODY bgColor=#336699 id=all text=#000000 topmargin="0" leftmargin="0">
<div style="width: 65; height: 19; position: absolute; left: 20; bottom:0">请看状态栏:</div>
</BODY>
</HTML>

所属频道：日期时间特效/更新时间：2012-12-30

[收藏][报错][返回列表]

相关日期时间特效：

日期时间特效Rss订阅特效代码搜索

日期时间特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索状态栏显示时间——数字钟
特效说明：
日期时间模板-状态栏显示时间——数字钟。