<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>
打开前端编辑软件，新建一个html文件。
在html代码页面上创建一个点击按钮，给这个按钮添加一个获取当前时间的getTime方法，点击该按钮就会触发getTime方法。如图
<input type="button" value="当前时间" onclick="getTime()">
找到<title>标签，在这个标签后面新建一个<scrtip>标签。如图：
代码：<script type="text/javascript"></script>
在<script>标签里创建获取时间的getTime函数，然后使用new Date获取当前的时间。如图：
代码：function getTime(){ var date = new Date(); //创建时间对象}
在getTime函数中使用getFullYear()获取当前的年份；使用getMonth()获取当前的月份；使用getDay()获取当前日期。如图
代码：
var year = dategetFullYear(); //获取年 var month = dategetMonth();//获取月 var day = dategetDay(); //获取当日
组合时间，把获取到的年、月、日重新组合，然后使用alertd出当前日期。如图
代码：
var time = year+"-"+month+"-"+day; //组合时间alert("当前日期："+time);
保存html代码后使用浏览器打开，点击获取时间按钮就会看到d出的当前时间。如图
所有代码：
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>获取当前时间</title> <script type="text/javascript"> function getTime(){ var date = new Date(); //创建时间对象 var year = dategetFullYear(); //获取年 var month = dategetMonth();//获取月 var day = dategetDay(); //获取当日 var time = year+"-"+month+"-"+day; //组合时间 alert("当前日期："+time); } </script></head><body> <input type="button" value="当前时间" onclick="getTime()"></body></html>
可以直接复制所有代码，粘贴到新建的html文件，保存后运行即可看到效果。
系统时间一般是值服务端时间，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…）。
浏览器兼容问题，日期对象在每个浏览器中实现的api多多少少都有些差别。
第一种改法：
// 改动1time(h1,'2018,06,30'); // 在一起的时间
time(h1, 2018, 5, 30)
// 改动2:
function time(obj,futimg)
function time(obj, _year, _month, _day)
// 改动3：
var futruetime = new Date(futimg)getTime(); // 未来时间转换为时间戳
var futruetime = new Date(_year, _month, _day)getTime();
第二种改法：
time(h1,'2018,06,30'); // 在一起的时间time(h1,'2018-06-30');
以上就是关于怎么写一段HTML代码 也就是调用当前电脑的系统时间 然后这个时间段内显示出指定的图片全部的内容，包括:怎么写一段HTML代码 也就是调用当前电脑的系统时间 然后这个时间段内显示出指定的图片、Html页面中设置一个按钮 用javascript复制当前系统时间、js 中怎么获取当前系统时间 等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）