`

JQ 最少代码实现当前的星期加时间

 
阅读更多

偶实现的代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>最少的代码实现当前的星期加时间</title>
</head>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<h3 style=" text-align: center; padding-top: 6px;" id="weektime"></h3>
<script type="text/javascript">
$(function() {
	weekTime();
});
//最少的代码实现当前的星期加时间,如果时间是个位数的前面补零
function weekTime(){
	var now = new Date();
	var today = new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
	var week = today[now.getDay()];
	var hh = now.getHours(), mm = now.getMinutes(), ss = now.getSeconds();
	function zerofill(obj) { return obj < 10 ? '0' + obj : obj;}
	$('#weektime').text(week+' '+ zerofill(hh) + ':' + zerofill(mm) + ':' + zerofill(ss));
}
</script>
</body>
</html>

 

结果群友(凌烟)实现更短的代码:

function weekTime(){
	var now = new Date();
	var week = '星期' + ['日','一','二','三','四','五','六'][now.getDay()];
	var hh = now.getHours(), mm = now.getMinutes(), ss = now.getSeconds();
	function zerofill(obj) { return obj < 10 ? '0' + obj : obj;}
	$('#weektime').text(week+' '+ zerofill(hh) + ':' + zerofill(mm) + ':' + zerofill(ss));
}

 

结果群友(hi)实现更短的代码:

function weekTime(){
	var now = new Date();
	//var week = now.toLocaleDateString("zh-cn", {weekday:'long'});
	var week = '星期' + '日一二三四五六'.charAt(now.getDay());
	var hh = now.getHours(), mm = now.getMinutes(), ss = now.getSeconds();
	function zerofill(obj) { return obj < 10 ? '0' + obj : obj;}
	$('#weektime').text(week+' '+ zerofill(hh) + ':' + zerofill(mm) + ':' + zerofill(ss));
}

 

效果图:

 

 

 

 

 

 

  • 大小: 26.3 KB
分享到:
评论

相关推荐

    JQ 最少代码实现多图切换

    标题“JQ 最少代码实现多图切换”指的是使用jQuery库来实现一个高效、简洁的多张图片轮播效果。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发者能够用更少的代码完成复杂的...

    JQ 最少代码实现全选和不全选

    标题“JQ最少代码实现全选和不全选”涉及到的是如何使用jQuery来控制多选框(checkboxes)的全选与反选功能。这种功能常见于数据管理界面,用户可以快速选择或取消选择所有项目。下面将详细解释这一知识点。 一、...

    JQ 最少代码实现无缝滚动

    **标题:“JQ最少代码实现无缝滚动”** 在网页设计中,为了提供用户更好的浏览体验,无缝滚动效果常被用于长列表或者图片展示。JQuery(简称JQ)作为一个轻量级、功能丰富的JavaScript库,提供了简单易用的API来...

    JQ 最少代码实现选项卡切换

    标题 "JQ 最少代码实现选项卡切换" 涉及到的是使用 jQuery(简称 JQ)库来创建一个简洁的选项卡切换效果。在网页设计中,选项卡是一种常见的用户界面元素,它允许用户在有限的空间内查看多个相关的但不同时显示的...

    JQ 最少代码实现返回顶部功能

    在这个场景下,我们关注的是如何使用jQuery这一流行的JavaScript库来实现这一功能,而尽可能减少代码量。jQuery以其简洁易用的API著称,使得这种功能的实现变得非常快捷。 首先,我们需要在HTML中添加一个用于触发...

    JQ 最少代码实现title标签切换内容

    标题 "JQ 最少代码实现title标签切换内容" 指的是使用jQuery库来实现一个功能,即在网页上动态地切换元素的`title`属性内容。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互...

    JQ 最少代码实现导航的下拉菜单

    在本文中,我们将深入探讨如何使用JavaScript库JQuery(简称JQ)来创建一个高效的、最少代码实现的导航栏下拉菜单。下拉菜单在现代网页设计中是必不可少的元素,它能帮助用户轻松访问网站的多层次结构。下面,我们将...

    JQ 最少代码实现中部浮窗功能

    本篇文章将深入探讨如何利用JQ最少的代码实现中部浮窗(也称中间弹窗或悬浮框)功能。中间浮窗通常用于显示重要的通知、广告或者用户交互内容,它会始终保持在屏幕中央,即使页面滚动也是如此。 首先,我们需要创建...

    JQ 最少代码实现带数字和箭头的焦点图

    本主题聚焦于如何使用最少的jQuery代码来创建一个具有数字指示器和箭头切换功能的焦点图。焦点图通常用于在网页上展示一组图片或内容,用户可以通过点击或自动轮播来切换。 首先,让我们了解焦点图的基本结构。它...

    JQ 用最少代码实现瀑布流布局

    在前端开发中,jQuery库提供了简单易用的API,使得开发者能够以最少的代码实现这种布局。 在本文中,我们将深入探讨如何使用jQuery实现瀑布流布局。首先,我们需要理解瀑布流布局的基本原理。通常,它涉及到以下几...

    jq 日期控件 可选择时间,日期,星期等等

    "jq 日期控件 可选择时间,日期,星期等等" 是一个专为JavaScript(js)环境设计的日期选择插件,它提供丰富的功能,让用户能够方便地选择日期、时间甚至是星期。下面我们将深入探讨这个主题。 首先,`jq`通常指的...

    JQ轮播图代码,考呗可用

    【标题】"JQ轮播图代码,考呗可用"所指的知识点是关于使用jQuery库实现轮播图效果的编程技巧。jQuery是一款轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。在网页设计中,轮播图是一种...

    jq无缝轮播代码

    本篇文章将详细介绍如何使用JQ实现一个无缝轮播代码,并对关键代码进行解析。 ### 1. HTML结构 首先,我们需要创建HTML结构来承载轮播图。通常,我们会有多个图片元素(`&lt;img&gt;`)放置在一个容器(如`&lt;div&gt;`)内,...

    jq日期控件可选择时间、日期、星期

    本文将详细讲解如何使用jQuery(jq)库实现一个功能丰富的日期控件,该控件允许用户选择日期、时间以及星期。jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了DOM操作,事件处理以及动画效果。 ...

    jq代码图片切换

    在这个"jq代码图片切换"的主题中,我们将深入探讨如何利用jQuery实现动态的图片切换效果,这是一种常见的增强用户体验的交互功能。 首先,我们需要理解jQuery的基本用法。jQuery的核心思想是"Write Less, Do More...

    仿QQ相册的JQ代码

    总的来说,仿QQ相册的JQ代码实现涵盖了JavaScript基础、jQuery库的运用、DOM操作、事件处理、动画效果等多个方面,是学习和实践前端开发技能的一个好项目。开发者需要具备一定的HTML、CSS和JavaScript基础知识,并...

    jq无缝滚动代码生成器

    总之,【jq无缝滚动代码生成器】是实现jQuery无缝滚动效果的一个利器,它降低了技术门槛,提高了开发效率,让网页设计更加生动和互动。对于任何希望在网页中实现无缝滚动效果的开发者来说,这是一个值得尝试的工具。

    jq 日历源代码,包括时间走动

    这可以通过`setInterval`函数实现,每隔一定时间(比如每秒)调用一个函数来更新当前时间,并相应地改变日历上的显示。 5. **事件处理**:为了让用户能够与日历交互,如选择日期或时间,我们需要监听用户操作并执行...

    JQ输入时间并欢迎

    标题“JQ输入时间并欢迎”可能指的是一个基于JavaScript库jQuery(JQ)实现的交互式功能,它允许用户输入时间后显示欢迎信息。在这个场景中,我们可以详细探讨以下几个相关知识点: 1. **jQuery库**:jQuery是一个...

Global site tag (gtag.js) - Google Analytics