运用JavaScript技术,输出系统当前时间到指定位置。
代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">
window.onload = function(){
showTime();
}
function checkTime(i){ //补位处理
if(i<10){
i='0'+i;
}
return i;
}
function showTime(){
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var day=now.getDate();
var h=now.getHours();
var m=now.getMinutes();
var s=now.getSeconds();
m=checkTime(m)
s=checkTime(s)
//显示星期
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+weekday[now.getDay()] +" "+h+":"+m+":"+s;
t=setTimeout('showTime()',500)
}
</script>
<style type="text/css">
.content
{
height:50px;
width:100%;
background:#B1E28D;
}
#show
{
margin:0 auto;
text-align:center
height:50px;
line-height:50px;
width:500px;
}
</style>
</head>
<body>
<div class="content">
<div id="show">显示时间的位置</div>
</div>
</body>
</html>
效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# js显示系统当前时间
# js输出系统当前时间
# js显示当前时间
# 基于JS代码实现实时显示系统时间
# JS 通过系统时间限定动态添加 select option的实例代码
# js流动式效果显示当前系统时间
# 基于javascript实现动态显示当前系统时间
# 6种javascript显示当前系统时间代码
# 使用iojs的jsdom库实现同步系统时间
# jsp实现页面实时显示当前系统时间的方法
# js显示当前系统时间的代码
# javascript 显示当前系统时间代码
# js获取当前时间(昨天、今天、明天)
# 大家多多
# 星期日
# rel
# stylesheet
# style
# href
# charset
# link
# title
# css
# function
# onload
# checkTime
# showTime
# window
# language
# script
# type
# javascript
# lt
相关文章:
电脑免费海报制作网站推荐,招聘海报哪个网站多?
移民网站制作流程,怎么看加拿大移民官网?
合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?
php8.4新语法match怎么用_php8.4match表达式替代switch【方法】
如何使用Golang table-driven基准测试_多组数据测量函数效率
胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?
建站之星CMS建站配置指南:模板选择与SEO优化技巧
临沂网站制作公司有哪些,临沂第四中学官网?
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
建站之星展会模版如何一键下载生成?
重庆网站制作公司哪家好,重庆中考招生办官方网站?
建站主机选择指南:服务器配置与SEO优化实战技巧
做企业网站制作流程,企业网站制作基本流程有哪些?
如何通过西部数码建站助手快速创建专业网站?
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?
动图在线制作网站有哪些,滑动动图图集怎么做?
上海网站制作网页,上海本地的生活网站有哪些?最好包括生活的各个方面的?
如何用已有域名快速搭建网站?
如何在Golang中处理模块冲突_解决依赖版本不兼容问题
已有域名如何快速搭建专属网站?
如何打造高效商业网站?建站目的决定转化率
三星网站视频制作教程下载,三星w23网页如何全屏?
广州网站建站公司选择指南:建站流程与SEO优化关键词解析
网站设计制作企业有哪些,抖音官网主页怎么设置?
正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱?口碑好?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
TestNG的testng.xml配置文件怎么写
如何在橙子建站上传落地页?操作指南详解
山东网站制作公司有哪些,山东大源集团官网?
网站制作服务平台,有什么网站可以发布本地服务信息?
如何高效利用亚马逊云主机搭建企业网站?
网站app免费制作软件,能免费看各大网站视频的手机app?
建站之星如何助力网站排名飙升?揭秘高效技巧
如何设计高效校园网站?
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
专业网站制作服务公司,有哪些网站可以免费发布招聘信息?
建站主机选虚拟主机还是云服务器更好?
制作企业网站建设方案,怎样建设一个公司网站?
制作网站外包平台,自动化接单网站有哪些?
h5在线制作网站电脑版下载,h5网页制作软件?
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
阿里云网站制作公司,阿里云快速搭建网站好用吗?
利用JavaScript实现拖拽改变元素大小
网站制作公司排行榜,四大门户网站排名?
如何在Ubuntu系统下快速搭建WordPress个人网站?
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
如何选择适配移动端的WAP自助建站平台?
金*站制作公司有哪些,金华教育集团官网?
百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?
*请认真填写需求信息,我们会在24小时内与您取得联系。