導航:首頁 > 編程語言 > javascript背景時鍾

javascript背景時鍾

發布時間:2023-03-31 09:56:06

『壹』 用javascript在網頁上建立一個時鍾的問題

小於10的數 比中拍肢如:1 顯示為 01 2顯示為02 這賀禪代碼為了填賣世充"0"而已

『貳』 求一個javascript腳本寫的動態時鍾

// 顯示系統時間
function show(){
var date = new Date(); //日期對象
var now = "";
var myweekday=date.getDay();
var weekday="";
now = date.getFullYear()+"年"; //讀英文就行了
now = now + (date.getMonth()+1)+"月"; //取月的時候取的是當前月-1如果想取當前月+1就可以了
now = now + date.getDate()+"日 ";
if(myweekday== 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 "; now = now +weekday;
now = now + date.getHours()+" :";
if(date.getMinutes().toString().length==2)
now = now + date.getMinutes()+" :";
else
now = now + "0"+date.getMinutes()+" :";
if(date.getSeconds().toString().length==2)
now = now + date.getSeconds();
else
now = now + "0"+date.getSeconds();
document.getElementById("nowDiv").innerHTML = now; //div的html是now這個字元串
setTimeout("show()",1000); //設置過1000毫秒就是1秒,調用show方法
}
//下面是使用方法 1:在body里頁面載入時 激活該方法<body onload="show();">2: <div id="nowDiv" style="float: left;">在需要顯示時間的地方 定義一個div 層 id=「nowDiv」 然後就看效果就可以了

『叄』 JavaScript 如何實現的簡單時鍾

背景時鍾

====1、以下是這個效果唯絕凳的全部代碼。[最好從一個空頁面開始]

<html>
<head>
<TITLE>背景時鍾</TITLE>宏滾
<script language=javaScript>指旅
<!--//
function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds
if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}
//-->
</script>
<link rel="stylesheet" href="../style.css"></head>
<body onLoad="clockon()">
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible">
</div>
</body>
</html>

說明:時鍾顯示的位置需要你修正TOP,LEFT參數來確定。TOP表示層距離顯示器頂部的象素值,LEFT表示距離左側的象素。

『肆』 JavaScript中的數字時鍾的顯示問題

<html>
<head>
<script language="JavaScript">
function showTime()
{
var currentDate = new Date();

var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();

//
//格式化輸出
//
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
var currentTimeString ="<font color=blue>" + hours + ":" + minutes + ":" + seconds + "</font>";

document.getElementById("show").innerHTML=currentTimeString; //改這地方

window.setTimeout("showTime()", 1000);
}
</script>
</head>
<body onload="showTime()">
<span id="show"></span> <!--加這地方-->
</body>
</html>

『伍』 製作頁面時鍾,在頁面內顯示當前時間,並使用計時器控制時間的變化用JAVASCRIPT

// JavaScript Document
function disptime(){
var today=new Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getElementById("myClock").innerHTML="<h1>現在的時間是:"+hh+":"+mm+":"+ss+"<h1>";
}
var timer;
function interval(){
timer=setInterval("disptime()",1000);
}
在html文件中引入和載入就好了,引入總會的吧。

『陸』 怎樣用JavaScript 實現的簡單時鍾

1)在〈Head〉〈/Head〉之間放置以下腳本:
<script language="JavaScript">
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
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) ? " P.M."脊盯悉 : " A.M."
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{ stopclock();
showtime();
}
//-->
</script>
(2)在櫻乎〈Body〉屬性中加 onLoad="startclock()"
(3)在〈Body〉〈/Body〉中間加
<form name="clock" onSubmit="0">
<div align="center">
<center><p><input type="text" name="face" size="13" value></p></center>
</div>
</則穗form>
即可。

『柒』 能在IE上運行的javascript的顯示天氣和時鍾的代碼

1 天氣 需要調用 天氣預報相關網站 代碼
2 時鍾沒問題

<!--時間--begin--><div style="width:auto; float:left;"><script language="JavaScript" src="time.js"></script><!--時間--end--> <!--天氣--begin--><iframe style="background-color:f8f8f8" src="http://m.weather.com.cn/m/pn7/weather.htm " width="195" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowtransparency="true"搜盯滾></iframe><!--天氣--end-->

time.js 內容如下:
var day="";

var month="";

var ampm="";

var ampmhour="";

var myweekday="";

var year="世余";

mydate=new Date();

myweekday=mydate.getDay();

mymonth=mydate.getMonth()+1;

myday= mydate.getDate();

myyear= mydate.getYear();

year=(myyear > 200) ? myyear : 1900 + myyear;

if(myweekday == 0)

weekday=" 星期日 ";

else if(myweekday == 1)

weekday=" 星期一 ";

else if(myweekday == 2)

weekday=" 星期二則亂 ";

else if(myweekday == 3)

weekday=" 星期三 ";

else if(myweekday == 4)

weekday=" 星期四 ";

else if(myweekday == 5)

weekday=" 星期五 ";

else if(myweekday == 6)

weekday=" 星期六 ";

document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);

『捌』 javascript,實現一個時鍾,頁面顯示當前時間包括年月日時 分 秒 並設定一個時間點,當該

<html>
<head>
<title>Time</title>
</head>
<body>
<divid="time"></div>
<divid="alert"></div>
</body>
<scripttype="text/javascript"charset="utf-8"asyncdefer>
vartime=document.getElementById("time");
showTime();
functionshowTime(){
//Togetthedatetime
vardate=newDate();
varyear=date.getYear()+1900;
varmonth=date.getMonth()+1;
varday=date.getDate();
varhour=date.getHours();
varmin=date.getMinutes();
varsec=date.getSeconds();
vardate_time=year+"-"+month+"-"+day+""+hour+":"+min+":"+sec;
time.innerHTML=date_time;

//,showthespecialwords.
if(date_time=="2014-6-2511:45:20"){
document.getElementById("alert").innerHTML="It'stimetodisplayyourwordshere.";
}
}
//settheintervaltime
setInterval(showTime,1000);
</script>
</html>

閱讀全文

與javascript背景時鍾相關的資料

熱點內容
前度2電影 瀏覽:89
看韓國倫理電影最好的app下載 瀏覽:976
天正導出t3後桌面無文件 瀏覽:474
紅羊電影公司的導演 瀏覽:932
臨海如何製作自己的卡盟網站 瀏覽:399
電影由幾個故事組成包括新郎出軌伴郎 瀏覽:393
叮咚金夕電影 瀏覽:400
阿布是什麼電影里的人物 瀏覽:419
少兒編程怎麼做幾加幾等於幾 瀏覽:987
bt1868,com 瀏覽:732
大眾點評網iphone裝不了 瀏覽:931
logo做微信頭像好嗎 瀏覽:938
今晚你會去看電影嗎?英語 瀏覽:356
一個電影裡面有樹人和小孩子 瀏覽:942
有床戲的外國電影 瀏覽:632
免費在線電視劇電影網址 瀏覽:192
韓國艷情電影合集在線觀看 瀏覽:203
看電影時女生手總是環抱著 瀏覽:73
公主和妓女 瀏覽:730
iphone5如何刪除其他 瀏覽:532

友情鏈接