热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js在线更新时间

文章目录需求分析代码 提示:以下是本篇文章正文内容,下面案例可供参考分析 首先获取日期对象,赋值给变量newTime;通过getFullYear&#xff

文章目录

    • 需求
    • 分析
    • 代码




在这里插入图片描述


需求

在这里插入图片描述

输出当前日期在页面上,日期不断更新。

提示:以下是本篇文章正文内容,下面案例可供参考

分析



  1. 首先获取日期对象,赋值给变量newTime;
  2. 通过getFullYear()等方法得到当前年月日时分秒;
  3. 得到的月份默认为从0月开始,就是中国的一月份,所以要把得到的月份加1输出。
  4. 得到的星期是从1开始,到6结束,周日是0;所以定义一个数组,数组第一个值是日,按下标输出。
  5. 时分秒输出时,如果小于10,就会输出1,我们要的效果时01,所以加一个判断

代码

代码如下(示例):

window.onload &#61; function() {var p &#61; document.getElementsByTagName(&#39;p&#39;)[0];var arr &#61; [&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;]var newtime;var years, months, dates, days, hours, minutes, seconds;setInterval(getNow, 1000);function getNow() {newtime &#61; new Date();years &#61; newtime.getFullYear();months &#61; newtime.getMonth() &#43; 1;dates &#61; newtime.getDate();days &#61; newtime.getDay();console.log(days);hours &#61; newtime.getHours();hours &#61; hours < 10 ? &#39;0&#39; &#43; hours : hours;minutes &#61; newtime.getMinutes();minutes &#61; minutes < 10 ? &#39;0&#39; &#43; minutes : minutes;seconds &#61; newtime.getSeconds();seconds &#61; seconds < 10 ? &#39;0&#39; &#43; seconds : seconds;p.innerHTML &#61; &#39;今天是&#39; &#43; years &#43; &#39;年&#39; &#43; months &#43; &#39;月&#39; &#43; dates &#43; &#39;号&#39; &#43; &#39;星期&#39; &#43; arr[days] &#43; " " &#43; hours &#43; &#39;:&#39; &#43; minutes &#43; &#39;:&#39; &#43; seconds;}


推荐阅读
  • 本文介绍了如何通过安装和配置php_uploadprogress扩展来实现文件上传时的进度条显示功能。通过一个简单的示例,详细解释了从安装扩展到编写具体代码的全过程。 ... [详细]
  • 在AngularJS中,有时需要在表单内包含某些控件,但又不希望这些控件导致表单变为脏状态。例如,当用户对表单进行修改后,表单的$dirty属性将变为true,触发保存对话框。然而,对于一些导航或辅助功能控件,我们可能并不希望它们触发这种行为。 ... [详细]
  • 本文探讨了互联网服务提供商(ISP)如何可能篡改或插入用户请求的数据流,并提供了有效的技术手段来防止此类劫持行为,确保网络环境的安全与纯净。 ... [详细]
  • 本文详细介绍了PHP中的几种超全局变量,包括$GLOBAL、$_SERVER、$_POST、$_GET等,并探讨了AJAX的工作原理及其优缺点。通过具体示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • Web开发实践:创建连连看小游戏
    本文详细介绍了如何在Web环境中开发一款连连看小游戏,适合初学者和技术爱好者参考。通过本文,您将了解游戏的基本结构、连线算法以及实现方法。 ... [详细]
  • 使用jQuery与百度地图API实现地址转经纬度功能
    本文详细介绍了如何利用jQuery和百度地图API将地址转换为经纬度,包括申请API密钥、页面构建及核心代码实现。 ... [详细]
  • selenium通过JS语法操作页面元素
    做过web测试的小伙伴们都知道,web元素现在很多是JS写的,那么既然是JS写的,可以通过JS语言去操作页面,来帮助我们操作一些selenium不能覆盖的功能。问题来了我们能否通过 ... [详细]
  • 本文探讨了在 APICloud 平台使用 execScript 方法时如何正确传递对象参数,并提供了详细的示例和解释。 ... [详细]
  • 来自FallDream的博客,未经允许,请勿转载,谢谢。一天一套noi简直了.昨天勉强做完了noi2011今天教练又丢出来一套noi ... [详细]
  • 本文详细介绍了在PHP中如何获取和处理HTTP头部信息,包括通过cURL获取请求头信息、使用header函数发送响应头以及获取客户端HTTP头部的方法。同时,还探讨了PHP中$_SERVER变量的使用,以获取客户端和服务器的相关信息。 ... [详细]
  • java datarow_DataSet  DataTable DataRow 深入浅出
    本篇文章适合有一定的基础的人去查看,最好学习过一定net编程基础在来查看此文章。1.概念DataSet是ADO.NET的中心概念。可以把DataSet当成内存中的数据 ... [详细]
  • 题面:P3178[HAOI2015]树上操作好像其他人都嫌这道题太容易了懒得讲,好吧那我讲。题解:第一个操作和第二个操作本质上是一样的&# ... [详细]
  • 我在尝试将组合框转换为具有自动完成功能时遇到了一个问题,即页面上的列表框也被转换成了自动完成下拉框,而不是保持原有的多选列表框形式。 ... [详细]
  • LeetCode 102 - 二叉树层次遍历详解
    本文详细解析了LeetCode第102题——二叉树的层次遍历问题,提供了C++语言的实现代码,并对算法的核心思想和具体步骤进行了深入讲解。 ... [详细]
  • 使用Matlab创建动态GIF动画
    动态GIF图可以有效增强数据表达的直观性和吸引力。本文将详细介绍如何利用Matlab软件生成动态GIF图,涵盖基本代码实现与高级应用技巧。 ... [详细]
author-avatar
素材火2
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有