第一章 JavaScript日期时间效果--日期星期

最新推荐文章于 2024-09-05 09:13:06 发布
原创 最新推荐文章于 2024-09-05 09:13:06 发布 · 859 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #date #function #float #html
本文介绍了一个简单的JavaScript程序，用于在网页上实时显示当前日期和星期。通过定义日期对象并使用内置的方法来获取年、月、日及星期的信息。
第一章 日期时间
效 果 演 示：
JavaScript代码：
　　function showweek(){
　　　　var now = new Date();
　　　　if (now.getDay() == 1) return ("星期一");
　　　　if (now.getDay() == 2) return ("星期二");
　　　　if (now.getDay() == 3) return ("星期三");
　　　　if (now.getDay() == 4) return ("星期四");
　　　　if (now.getDay() == 5) return ("星期五");
　　　　if (now.getDay() == 6) return ("星期六");
　　　　if (now.getDay() == 0) return ("星期日");
　　}
　　function showdate() //显示系统日期
　　{
　　　　var now = new Date();
　　　　var year = now.getYear();
　　　　var month = now.getMonth()+1;
　　　　var day = now.getDate();
　　　　return year+"年"+month+"月"+day+"日";
　　}
　　function show(){
　　　　var date = showdate();
　　　　var week = showweek();
　　　　document.getElementById("my").innerHTML = " "+date+" "+week;
　　}
JavaScript代码讲解：
　var now = new Date();　定义一个新的对象，使用“new”操作符创建日期对象。
　if (now.getDay() == 1) return ("星期一");
　if (now.getDay() == 2) return ("星期二");
　if (now.getDay() == 3) return ("星期三");
　if (now.getDay() == 4) return ("星期四");
　if (now.getDay() == 5) return ("星期五");
　if (now.getDay() == 6) return ("星期六");
　if (now.getDay() == 7) return ("星期日"); 		　getDay()是Date对象的一种方法，其功能是获得当前是星期几。
　return返回今日是“星期几”，也可以用document.write输出今天是“星期几”。
　var now = new Date();
　var year = now.getYear();
　var month = now.getMonth()+1;
　var day = now.getDate();
　return year+"年"+month+"月"+day+"日"; 		　获得到当前的年/月/日，由于月份是从0开始的，所以这里要“+1”。
　var date = showdate();
　var week = showweek();
　document.getElementById("my").innerHTML = " "+date+" "+week; 		　document.getElementById(" ") 得到的是一个对象
　在id为my里显示日期与星期
　innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.
JavaScript 动态网页实例 —— 日期时间应用
cccloveforever的博客
05-03 1436
日期和时间也是网站设计中不可或缺的重要内容。本章基于JavaScript中Date 对象的基本概念，介绍日期和时间的各种应用。鉴于其他章节已间接涉及部分内容，本章主要介绍各类不同时钟的设计，以及各种不同形式的时间的实现，同时，还涉及日历的设计和倒计时效果的实现。
获取当前日期时间（年月日、时分秒、星期）
weixin_44543412的博客
06-08 4020
使用JavaScript获取系统当前的日期时间，获取到的当前时间具体到年、月、日，时、分、秒以及当前是星期几。时间也是在不停地走动的，简单又实用。 1、Html部分： <div class="plane"> <a id=clock></a> </div> 2、JS实现代码： <script type="text/javascript"> //==================获取系统当前详细日期时间================= var
html js 输入日期输出星期
u012455098的博客
09-18 1548
function setWeek(){     var date =  document.getElementById("dd").value;     var y = parseInt(date.split("-")[0]);     var mouth = parseInt(date.split("-")[1]);     if(mouth==1){         y = y-1;
html页面显示年月日时分秒和星期几
iteye_11858的博客
08-13 871
[code="js"] //-----------------------------方式一--------------------------------------------- function startTime(){ var today=new Date(); var strDate=(" "+today.getYear()+"年"+(today.get...
javascript实现日期星期的显示
weixin_34343000的博客
11-20 277
Javascript实现日期星期全显示，项目的需要显示日期和星期，下面代码就可以显示当前的日期和星期 <html><body><scriptlanguage=javascript><!--todayDate=newDate();date=todayDate.getDate();month=todayDate.getMonth()+1;ye...
自己写的html在span中获取当前时间日期星期
03-02 5364
function tick() { var today=new Date(); var month=today.getMonth()+1; var year, date, hours, minutes, seconds; var intHours, intMinutes, intSeconds; var week=new Array()     week[0]="星期天 ";
js获取当前日期时间同时显示星期
03-03 349
JavaScript获取当前日期时间同时显示星期几，具体代码如下： <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scripttype="text/javascript"src="https://aja...
日期时间工具（dayjs）的使用
热门推荐
一只倔强的蜗牛的博客
05-27 6万+
简介 Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js 安装 npm install dayjs --save import dayjs from 'dayjs' // 或者 CommonJS // var dayjs = require('d...
javaScript---js显示日期、星期、时间
maidu_xbd的博客
03-23 2489
实现效果： 获取星期：【newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")[date.getDay()]】 时间显示优化（补“0”）：【date.getHours()<10?"0"+date.getHours():date.getHours()】 js动态添加html：【document.getEl...
年月日时分秒加星期即时显示的JS日期时间特效
11-13 262
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met...
Moment.js日期时间扩展库
佳佳的博客
08-12 3722
Moment、日期时间工具
Vue日期时间选择器组件
xld的博客
04-28 1万+
这里写自定义目录标题1.效果图如下2.准备3.具体实现 1.效果图如下 单选日期选择器 多选日期选择器 日期时间选择器 2.准备 Date原型格式化工具方法 Date.prototype.format = function(fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": th...
整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法
蒋伟平的博客
12-04 2452
在 javascript 中内置了一个 Date 对象，可用于实现一些日期和时间的操作。 本文整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法。
Axure高保真教程：日期时间下拉列表
最新发布
ofay
09-05 2476
在系统中，我们经常会用到日期时间选择器，它同时包含了日历日期的选择和时间的选择，一般是下拉列表的形式进行选择。今天作者就教大家如何在Axure中用中继器制作真实日期时间效果的下拉列表。
js获取星期几、上下午、当前日期时间并定时刷新
梦里逆天的博客
05-21 498
<div id="showDate" style="text-align: center"></div> <script type="text/javascript"> //取得系统当前时间 function getTime(){ var myDate = new Date(); var date = myDate.toLocaleDateString(); var day = myDate.getDay(
javaScript格式化显示日期时间
小福气的博客
07-07 393
效果： <script> var date = new Date(); var month = date.getMonth() month += 1 function zeroDeal(n){ if(n>=0 && n<=9){ n = '0' + n } return...
js 实时日期时间显示
飞猪
10-19 536
js 时间显示 效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
Js动态日期时间和星期
一条小绵羊的博客
05-19 335
效果图 代码 <div class="layui-card-body "> <blockquote class="layui-elem-quote">欢迎管理员： <span class="x-red">{$name.name}</span>！当前时间:&nbsp;<span id='jnkc'></span> <!-- 显示动态日期时间 --> <script
JS时间星期动态刷新
Developer of XingKong22star
09-09 726
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "> My JSP 'index.jsp' startin
js封装日期+时间+星期的函数
6块腹肌的博客
05-24 735
直接上代码吧 function getDate() { let now = new Date(); let y = now.getFullYear(); let month = (now.getMonth() + 1) < 10 ? "0" + (now.getMonth() + 1) : now.getMonth() + 1; let d = now.g...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值