系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。
编写显示时间的页面:
<html>
<head>
<meta >
<title>Server date/time</title>
<script language="javascript" src="serverDatejs"></script>
</head>
<script language="javascript">
var localTime = new Date();
documentwrite("Local machine time is: " + localTime + "<br>");
documentwrite("Server time is: " + date);
</script>
<body>
</body>
ajax脚本获取server的时间
var xml>
function srvTime(){
try {
//创建xml>
xml>
}
catch (err1) {
//ie浏览器
try {
xml>
}
catch (err2) {
try {
xml>
}
catch (eerr3) {
//ajax不支持
alert("AJAX not supported");
}
}
}
//打开xml>
xml>
//设置xml>
xml>
//发送请求
xml>
// 获取response中的Date参数
return xml>
}
var st = srvTime(); //服务器时间赋值给st变量
var date = new Date(st); //转换js的date对象
// 输出服务器时间
documentwrite("服务器时间: " + date);
:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
语句:JavaScript程序是由若干语句组成的,语句是编写程序的指令。JavaScript提供了完整的基本编程语句,
它们是:赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、dowhile循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句(ifelse,if…else if…)。
你的代码问题是:你用的是onclick事件
/var div1=documentgetElementById('div1');
div1onclick=letstart;/
当点击div1 时才会加载时间
我把这个注释掉了
改成页面加载 就调用这个函数 letstart();
下面是我修改的 你可以看下
<html>
<head>
<script type="text/javascript">
function showtime(){
var now=new Date();
var year=nowgetFullYear();
var month=nowgetMonth()+1;
var day=nowgetDate();
var hours=nowgetHours();
var minutes=nowgetMinutes();
var seconds=nowgetSeconds();
time=year+'/'+month+'/'+day +'/'+hours+':'+minutes+':'+seconds;
var div1=documentgetElementById('div1');
div1innerHTML=time;
}
function letstart(){
taskId=setInterval(showtime,500);
}
windowonload=function(){
/var div1=documentgetElementById('div1');
div1onclick=letstart;/
letstart();
}
</script>
</head>
<body style="font-size :30px;">
<div id="div1" style="width:243px;height:35px;border :1px solid black ;background-color:grey;" ></div>
</body>
</html>
<html>
<body>
<div id="img">
</div>
<script>
var myDate = new Date();
var hour = myDategetHours();
if(hour >=5 && hour <8)
{
var img = "1jpg";
}else if(hour >=8 && hour <11)
{
var img = "2jpg";
}else if(hour >=11 && hour <13)
{
var img = "3jpg";
}else if(hour >=13 && hour <17)
{
var img = "4jpg";
}else if(hour >=17 && hour <20)
{
var img = "5jpg";
}else if(hour >=20 && hour <24)
{
var img = "6jpg";
}else if(hour >=0 && hour <4)
{
var img = "7jpg";
}
documentgetElementById("img")innerHTML ="<img src='"+img+"'>";
</script>
</body>
</html>
年 月 日 时 分 秒 星期 。 如果按楼主要求,星期换下就可以,也就是
var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;
这句 ,换成
var ndate = years+"年"+month+"月"+days+"日 "+week+" "+hours+":"+minutes+":"+seconds;
<html>
<head>
<title></title>
<script language="javascript">
function getCurDate()
{
var d = new Date();
var week;
switch (dgetDay()){
case 1: week="星期一"; break;
case 2: week="星期二"; break;
case 3: week="星期三"; break;
case 4: week="星期四"; break;
case 5: week="星期五"; break;
case 6: week="星期六"; break;
default: week="星期天";
}
var years = dgetYear();
var month = add_zero(dgetMonth()+1);
var days = add_zero(dgetDate());
var hours = add_zero(dgetHours());
var minutes = add_zero(dgetMinutes());
var seconds=add_zero(dgetSeconds());
var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;
divTinnerHTML= ndate;
}
function add_zero(temp)
{
if(temp<10) return "0"+temp;
else return temp;
}
setInterval("getCurDate()",100);
</script>
</head>
<body>
<div id="divT"></div>
</body>
</html>
用html语言来获取确实有点难度,这是用JS来做的放在文件里面可以在标题栏显示时间。
<SCRIPT LANGUAGE="JavaScript">
var clocktext;
var pagetitle = documenttitle;
function scroll() {
today = new Date();
sec = todaygetSeconds();
hr = todaygetHours();
min = todaygetMinutes();
if (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
clocktimer = setTimeout("scroll()", 1000);
documenttitle = pagetitle + clocktext;
}
if (documentall) scroll();
</script>
以上就是关于js 中怎么获取当前系统时间 全部的内容,包括:js 中怎么获取当前系统时间 、HTML 打开页面动态显示当前系统时间、怎么写一段HTML代码 也就是调用当前电脑的系统时间 然后这个时间段内显示出指定的图片等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)