首頁 > web前端 > js教程 > 主體

JS控制日期顯示的小例子_javascript技巧

WBOY
發布: 2016-05-16 17:12:51
原創
932 人瀏覽過

我們在專案中通常會遇到顯示時間的問題,一般的處理方式是在前台透過JS控制,JS控制顯示時間的程式碼如下,各種不同的顯示方式:

複製程式碼 程式碼如下:

function Clock() {


function Clock() {
>
Date();
 this.year = date.getFullYear();
 this.month = date.getMonth() 1;
 this.date = date.getDate(); thisday = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];

 this.hour = date. getHours()  this.minute = date.getMinutes()  this.second = date.getSeconds()

 this.toString = function() {  return "現在是:" this.year "年" this.month "月" this.date "日" this.hour ":" this.minute ":" this.second " " this.day;

 };//現在是現在是:2013年3月6日13:54:17 星期三

複製碼


代碼如下:




  return this.year "-" this.month "-" this.date;
 };//2013-03-06

 this.toDetailDate = function(this. ) {
  return this.year "-" this.month "-" this.date " " this.hour ":" this.minute ":" this.second;
 };//2013-03- 06 13:45:43

 this.display = function(ele) {
  var clock = new Clock();
  ele.innerHTML = clock.toString();///toString();//顯示方式呼叫  window.setTimeout(function() {clock.display(ele);}, 1000); };}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板