JS完整显示当前时间

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量45 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/yiwd/archive/2009/04/23/1441947.html
版权
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前时间</title>
<script language="javascript">
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() +" "+ d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+" "+xfile+" "+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>
<body>
<div id="Clock" style="font-size:12px"></div>
</body>
</html>

转载于:https://www.cnblogs.com/yiwd/archive/2009/04/23/1441947.html

weixin_30871293
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS——完整获取当天时间，年-月-日-时:分:秒 写法
qq_43201350的博客
07-25 251
如 2020-01-11 11: 12: 20 let myDate = new Date() let year = myDate.getFullYear(); //获取系统的年； let nowMonth = myDate.getMonth() + 1; let strDate = myDate.getDate(); // 获取系统日， myDate.getHours(); //获取系统时， myDate.getMinutes(); //分 myDate.getSeconds(); //秒 if (n
JS 实时显示当前时间
web_Baron的博客
04-14 169
效果： 代码： 可直接粘切复制处： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
JS获取系统时间
C/C#、Android driver、STM32、Linux等等。
04-20 1万+
  网页通过JavaScript获取系统日期、时间的操作是比较常规的操作。我这里将自己使用过的方法小结一下，方便自己回顾或参考。 一、 实现非常简单 第一步实例化 第二步获取值 二、 参考实例 1、无格式要求简单获取 2、自定义格式获取 3、闰年计算
JS获取日期(年/月/日/时/分/秒)&格式转化
热门推荐
若末lan的博客
02-07 10万+
因为用到JS倒计时，所以就把网上搜到的各种关于日期的整理了一下，有个印象，以后再用到，可以直接看自己的，方便很多。 var myDate = new Date(); 以下都是在myDate的基础上得到的。 myDate.getYear();//获取当前年份(2位) myDate.getFullYear();//获取完整的年份(4位,1970-????) myDate...
JS获取当前时间
菜鸟猿小天
06-08 442
话不多说，直接上代码：function getDate(){ //获取当前时间 var myDate = new Date(); var y = myDate.getFullYear() ; //获取完整的年份 var m = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月) if(m&lt;10){ m =...
完整显示当前日期和时间的JS代码
sundful的专栏
06-10 555
function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today, theday; today = new Date(); function initArray(){ this.length=initArray.arguments.length ...
JavaScript显示当前时间
weak1003的博客
05-29 143
本次实现js国庆倒计时小案例 开发工具与关键技术：Visual Studio 2015 JavaScript 当然 首先还是先写出大概布局如下图： 在对其添加 背景样式 和两个按钮的样式 下面便是我的css 样式了 这样再到类中添加JavaScript 代码便可如下图： 首先便是获取各项的div 而后 声明一个 分别获取本地时 分 秒， 然后使其更美观 所以使用了个三元运算判获取的本地时间小于 10的时候就在前面加一个0的操作 如果大于十那将不变 而后 在获取的shijian里使
JS实现HTML页面中动态显示当前时间完整示例
10-18
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
JS简单获取及显示当前时间的方法
10-21
主要介绍了JS简单获取及显示当前时间的方法,涉及javascript针对日期与时间的获取与运算相关操作技巧,需要的朋友可以参考下
使用js显示当前时间示例
10-26
主要介绍了使用js显示当前时间示例,这里也用到了jquery，让得把它也要引入到页面中
JavaScript页面实时显示当前时间实例代码
11-27
在JavaScript编程中，实时显示当前时间是一个常见的需求，特别是在网页应用中。这个需求可以通过JavaScript的内置Date对象来实现。在给定的实例代码中，它展示了如何创建一个动态更新的时钟，显示当前的日期、星期...
web前端基础面试85题（一）
柯晓楠
07-18 898
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
Next.js静态导出与动态路由优化
天涯学馆
07-20 1046
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 560
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 973
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
VUE中的重点*
qq_61132537的博客
07-22 884
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 979
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
vue如何解决跨域？
FENGZXCjjjjj的博客
07-21 489
在Vue.js项目中，当你的前端应用尝试从与自身不同源的服务器（协议、域名、端口中的任一不同）加载资源时，可能会遇到跨域（CORS, Cross-Origin Resource Sharing）问题。
javascript显示当前时间
03-24
你可以使用 Date 对象来获取当前时间，然后使用 JavaScript 的内置函数将其格式化为更易读的形式。下面是一个简单的代码示例： ``` var now = new Date(); var hours = now.getHours(); var minutes = now....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值