导航:首页 > 编程语言 > 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背景时钟相关的资料

热点内容
拉拉电影大尺度 浏览:119
盘点小说主角姓苏的小说 浏览:76
什么网站看电视剧不卡还免费 浏览:644
打开的文件是放在哪里 浏览:392
看电影快进就断网 浏览:679
韩国资源在线观看 浏览:415
电视猫一键安装工具附件 浏览:920
风流的妻子们李采潭 浏览:754
les迟度大的电影推荐 浏览:926
风流圣途小说免费阅读 浏览:556
美国人用什么看片 浏览:686
樱桃小花喵txt 浏览:870
如何把手机app缩小 浏览:999
0855在线视频 浏览:381
韩国三极男演员 浏览:558
压缩文件夹很慢是cpu太差吗 浏览:338
爱情来得不准时完解说整版 浏览:456
一代枭雄粤语吕良伟下载 浏览:541
韩国电影爱情推理片大全疯狂列爱 浏览:482
吉吉影音播放资源网址 浏览:427

友情链接