js實(shí)現(xiàn)Form欄顯示全格式時間時鐘效果代碼

更新時間：2015年08月19日 09:55:27 作者：企鵝

這篇文章主要介紹了js實(shí)現(xiàn)Form欄顯示全格式時間時鐘效果代碼,可讀取當(dāng)前的完整時間并實(shí)時顯示,非常具有實(shí)用價值,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)Form欄顯示全格式時間時鐘效果代碼。分享給大家供大家參考。具體如下：

這里演示的Form欄特效時鐘，顯示全日期格式的時間日期效果，可顯示星期幾、幾月幾號，以往都是直接顯示在網(wǎng)頁中，而本代碼是將時間顯示在表單的文本框中，看一下代碼就明白了。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-form-input-showtime-codes/

具體代碼如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Form欄特全時鐘</TITLE>
</HEAD>
<body bgcolor="#ffffff" onLoad="startclock()">
<script language="JavaScript">
<!-- Hide
 var timerID = null
 var timerRunning = false
 function MakeArray(size) 
 {
 this.length = size;
 for(var i = 1; i <= size; i++)
 {
 this[i] = "";
 }
 return this;
 }
 function stopclock (){
 if(timerRunning)
 clearTimeout(timerID);
 timerRunning = false
 }
 function showtime () {
 var now = new Date();
 var year = now.getFullYear();
 var month = now.getMonth() + 1;
 var date = now.getDate();
 var hours = now.getHours();
 var minutes = now.getMinutes();
 var seconds = now.getSeconds();
 var day = now.getDay();
 Day = new MakeArray(7);
 Day[0]="星期天";
 Day[1]="星期一";
 Day[2]="星期二";
 Day[3]="星期三";
 Day[4]="星期四";
 Day[5]="星期五";
 Day[6]="星期六";
 var timeValue = "";
 timeValue += year + "年";
 timeValue += ((month < 10) ? "0" : "") + month + "月";
 timeValue += date + "日 ";
 timeValue += (Day[day]) + " ";
 timeValue += ((hours <= 12) ? hours : hours - 12);
 timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
 timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
 timeValue += (hours < 12) ? "上午" : "下午";
 document.jsfrm.face.value = timeValue;
 timerID = setTimeout("showtime()",1000);
 timerRunning = true
 }
 function startclock () {
 stopclock();
 showtime()
 }
 //-->
</script>
<form name='jsfrm'>
<input type=text name='face' size=34 value=''>
</form>
</BODY>
</HTML>

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)頁面截圖3種解決方案
網(wǎng)頁截圖是指將網(wǎng)頁上的內(nèi)容截取下來,并保存為圖片的過程,下面這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)頁面截圖的3種解決方案,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-06-06
原生JavaScript生成GUID的實(shí)現(xiàn)示例
GUID（全局統(tǒng)一標(biāo)識符）是指在一臺機(jī)器上生成的數(shù)字，下面為大家介紹下原生JavaScript生成GUID的實(shí)現(xiàn)，需要的朋友不要錯過
2014-09-09
js移動焦點(diǎn)到最后位置的簡單方法
下面小編就為大家?guī)硪黄猨s移動焦點(diǎn)到最后位置的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
詳解element-ui 表單校驗(yàn) Rules 配置常用黑科技
這篇文章主要介紹了element-ui 表單校驗(yàn) Rules 配置常用黑科技，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-07-07
微信小程序?qū)崿F(xiàn)簡單計(jì)算器與秒表
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單計(jì)算器與秒表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
js實(shí)現(xiàn)一個簡易的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)一個簡易的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
jsp+javascript打造級連菜單的實(shí)例代碼
jsp+javascript打造級連菜單的實(shí)例代碼，需要的朋友可以參考一下
2013-06-06
無廢話JavaScript教程(全集)
許多讀者認(rèn)為我那本《JavaScript語言精髓與編程實(shí)踐》讀來辛苦，所以我一直想寫個簡單的讀本。索性，這次就寫個最簡單的吧。
2008-10-10
通過flv.js播放監(jiān)控示例深入探究直播流技術(shù)
本文記錄一下在使用 flv.js 播放監(jiān)控視頻時踩過的各種各樣的坑,雖然官網(wǎng)給的?Getting Started?只有短短幾行代碼,跑一個能播視頻的 demo 很容易,但是播放時各種各樣的異常會搞到你懷疑人生,下面我將自己踩過的坑,以及踩坑過程中補(bǔ)充的相關(guān)知識,詳細(xì)總結(jié)一下
2023-10-10
JS中判斷某個字符串是否包含另一個字符串的五種方法
本文給大家?guī)鞪S中判斷某個字符串是否包含另一個字符串的五種方法，有string對象的方法，match() 方法，RegExp對象的方法，test() 方法，exec() 方法，具體內(nèi)容詳情大家參考下本文
2018-05-05