JavaScript在瀏覽器標題列上顯示當前日期和時間的方法

來源:互聯網
上載者:User

JavaScript在瀏覽器標題列上顯示當前日期和時間的方法

 這篇文章主要介紹了JavaScript在瀏覽器標題列上顯示當前日期和時間的方法,執行個體分析了javascript操作時間及DOM節點實現定時觸發的技巧,非常具有實用價值,需要的朋友可以參考下

 

 

本文執行個體講述了JavaScript在瀏覽器標題列上顯示當前日期和時間的方法,分享給大家供大家參考。具體如下:

將這段指令碼放到head區即可:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

<script language="JavaScript">

<!--

function resetIt() {

// Calculate Time

var timerID = null;

var timerRunning = false;

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

// getTime

var timeNow = new Date();

var hours = timeNow.getHours();

var minutes = timeNow.getMinutes();

var seconds = timeNow.getSeconds();

var timeValue = "" + ((hours >12) ? hours -12 :hours)

timeValue = ((timeValue <10)? "0":"") + timeValue

timeValue += ((minutes < 10) ? ":0" : ":") + minutes

timeValue += ((seconds < 10) ? ":0" : ":") + seconds

timeValue += (hours >= 12) ? " PM" : " AM"

timerID = setTimeout("resetIt()",100);

timerRunning = true;

// getDate

var dateNow = new Date();

var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

var date = ((dateNow.getDate()<10) ? "0" : "")+ dateNow.getDate();

function y2k(number){return (number < 1000) ? number + 1900 : number;}

// compileIt

today = timeValue + " " + days[dateNow.getDay()] + " " +

months[dateNow.getMonth()] + ", " +

date + " " +

(y2k(dateNow.getYear()));

if(document.all || document.getElementById){ // Browser Check

document.title = today.toString();

}else{

self.status = today.toString(); // Default to status.

}

}

resetIt();

//-->

</script>

希望本文所述對大家的javascript程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.