JavaScript--时间显示小插件

JS调用系统时间,显示在当前页面上,利用DOM操作节点来实现动态刷新 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript window对象常用方法及事件</title> </head> <body> <script type="text/javascript"> func…

<span id="localtime"><span> <script type="text/javascript"> function showLocalTime(OID) { window.setTimeout(function(){ var today = new Date(), arr = new Array('日', '一', '二', '三', '四', '五', '六'), yy = today.getYear(),…

仿javascript中confirm()方法的小插件

10天没有写博客了,不知道为什么,心里感觉挺不舒服的,可能这是自己给自己规定要去完成的事情,没有按照计划执行,总会心里不怎么舒服.最近事情挺多的,终于今天抽空来更新一下博客了. 今天写的是一个小插件.平时我们习惯于使用javascript中自带的confirm()函数做出一个弹窗的效果,但是问题在于这样的弹窗非常不美观,大大降低了网页的整体效果. 好吧废话不多说,首先先来了解一下confirm()函数,下面应该注释得很清楚了. if(confirm("我们去阿里转山吧,好吗?")){/…

帮助更语义化的显示时间的jQuery插件 - tidyTime.js

来源:GBin1.com 网站或者web应用开发过程中,难免会遇到需要展示时间的地方,例如,留言时间或者发布帖子的时候,那么大家是不是相关过使用更加符合语义学的方式来显示时间呢? 08:15 显示成 "八点过一刻了" 05:45 显示成 "醒醒啦,差一刻就早上六点啦" 14:29 显示成 "快到下午两点半啦" 大家是否觉得上面的时间显示更贴近生活呢? 如果自己处理这样的时间显示会稍微有些麻烦,要是有现成的类库是不是更完美? 今天这里我…

JavaScript实时显示当前时间的例子

用javascript代码在当前页面中实时显示当前时间.代码如下: <html> <head> <title>JavaScript 实时显示当前时间-www.jbxue.com</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,mont…

根据时间显示不同的问候语的JavaScript代码

对于最近有许多的初学开发者问我关于根据时间显示不同的问候语的JavaScript代码问题,所以今天将自己整理的一些代码在这里分享出来,供初学者参考,如果在运行过程中有问题,可以给我在下方留言. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>根据时间不同的问候方式</title&g…

WebSocket小插件

一.WebSocket小介绍随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据. 我们知道,传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如浏览器)主动发起,服务端进行处理后返回response结果,而服务端很难主动向客户端发送数据:这种客户端是主动方,服务端是被动方的传统Web模式…

【Bootstrap】优秀小插件收集

Bootstrap中不乏很多优秀的小插件来让界面更加漂亮.比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的.这些相对而言比较大一点.其他还有一些比较轻比较小的插件,也很好,特此开篇来记录一下. 由于是基于bootstrap的插件,所以基本上所有插件都是需要bootstrap和jquery相关文件的.也就是说下面的说明中我们默认页面上已经有了: <link href="/static/css/bootstrap.min…

浮动【电梯】或【回到顶部】小插件：iElevator.js

iElevator.js 是一个jquery小插件,使用简单,兼容IE6,支持UMD和3种配置方式,比锚点更灵活. Default Options _defaults = { floors: null, btns: null, backtop: null, selected: '', sticky: -1, visible: { isHide: 'no', numShow: 0 }, speed: 400, show: function(me) { me.element.show(); }, h…

【精心推荐】几款极好的 JavaScript 文件上传插件

文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件. 您可能感兴趣的相关文章精心挑选12款优秀 jQuery Ajax 分页插件几款优秀的 JavaScript 表单美化和验证插件经验分享:10个简单实用的 jQuery 代码片段分享8款效果精美的 jQuery 加载进度条插件精心挑选的优秀 JavaScr…

( 译、持续更新 ) JavaScript 上分小技巧(四)

后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) JavaScript 上分小技巧(二) 第三篇地址:( 译.持续更新 ) JavaScript 上分小技巧(三) #59 - ES6,var vs let var关键字定义的变量根据定义的环境用于function内,function外或者全局:而let定义的变量只用于"块"范围. function va…

移动端全屏滑动的小插件，简单，轻便，好用，只有3k swiper,myswiper,page,stage

https://github.com/donglegend/mySwiper mySwiper 移动端全屏滑动的小插件,简单,轻便,好用,只有3k 下载直接下载 bower install mySwiper 预览预览demo 使用支持amd和cmd规范直接引入 <link rel="stylesheet" type="text/css" href="dist/swiper.css"> <script type="…

javascript 时间操作

javascript时间函数 javascript提供了Date对象来进行时间和日期的计算.Date对象有多种构造函数: 1.dateObj=new Date() //当前时间 2.dateObj=new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数 3.dateObj=new Date(datestring) //字符串代表的日期与时间.此字符串可以使用Date.parse()转换,比如"Jannuary 1, 1998 20:13:15" 4.d…

用Javascript编写Chrome浏览器插件

原文:http://homepage.yesky.com/62/11206062.shtml 用Javascript编写Chrome浏览器插件 2010-04-12 07:30 来源:天极网软件频道作者:Claud Xiao 责任编辑:杨玲·yesky 评论(5) 我为Chrome浏览器开发了一款插件,当我向朋友展示自己的插件时,受到他们的羡慕和称赞,那感觉酷极了!通过这次开发,我发现整个开发过程比较简单,有Javascript基础的朋友,都可以开发出属于自己的Chrome插件. 插件…

第一百零四节，JavaScript时间与日期

JavaScript时间与日期学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期时间信息的方法. 一．Date类型 ECMAScript中的Date类型是在早期Java中java.util.Date类基础上构建的.为此,Date类型使用UTC (Coordinated Universal Time,国际协调时间[又称世界统一时间]) 1970年1月1日午夜(零时)开始经过的毫秒…

超炫的时间轴jquery插件Timeline Portfolio

Timeline Portfolio是一款按时间顺序专业显示事件的jquery时间轴插件,可以根据时间的先后嵌入各种媒体包括微博,视频和地图等.这个展现的模式非常适合设计师的作品集和个人简历的展示.Timeline Portfolio使用jquery和CSS3封装的非常棒,插件通过读取data.json文件来写入文档中,这样,您需要根据自己的需求设计下页面,然后再修改data.json里面的数据为自己的就可以实现一个超炫的时间轴网站了. jquery插件实例:超炫的时间轴jquery插件Time…

闲聊select和input常用的小插件

前言在pc端的项目中,经常会用到表单标签,莫过于是select和input这两种,这两种相当常用.但往往原生的功能不尽人意,即使 input中type有n多属性,甚至连时间控件都有,但仍旧满足不了我们大天朝的需求,试问会有多少使用原生时间控件的人,也不会有几个,相信大部分的前端,亦或者是后端, 都有自己的插件小仓库. 需求的那些事嗯……目前只限于input和select这两个标签一个输入框到底能有些啥需求呢 1.能够输入(最低的标准) 2.能够输入并且能够本地校验(例如只能够输入数字,不能…

Android桌面小插件——Widget

Android桌面小插件--Widget 效果图实现 1. 创建Widget类创建一个Widget类,并实现页面创建的时候,就实现显示时间 package com.kongqw.kqwwidget; import android.appwidget.AppWidgetManager; import android.appwidget.AppWidgetProvider; import android.content.ComponentName; import android.content.…

【转】【iOS测试系列】常用测试小插件的使用

背景介绍由于iOS系统的限制,在非越狱的自动化测试中无法实现一些常用的功能,比如不同应用之间来回切换.模拟全局的点击事件等等.但是在越狱的环境下,这些限制就不存在了,我们可以利用各种小插件来实现我们想要的自动化测试的功能,今天就给大家介绍一款插件,通过这款插件可以实现从安装.卸载应用的自动化过程. IPA Installer Console — 安装ipa 首先介绍IPA Installer Console工具,顾名思义,就是通过命令行的方式安装一个ipa包,当然它可不是只能安装应用这么简单,…

10个强大的Javascript表单验证插件推荐

创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢. 1. validate.js Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API.该库相当轻巧(不到1KB),不要求任何JavaScript框架,可以在所有主流浏览器中运行(包括IE…

开源Unity小插件CheatConsole

我们在开发游戏的过程中,通常都需要一些快捷的方式来进行一些非常规的测试,这些功能一般被称作控制台或者GM指令,比如虚幻竞技场中,可以使用~键呼出控制台,输入一些指令即可进行快捷设置,比如设置分辨率,全屏与否,添加机器人等等,这些功能在正常流程中通常来说需要单独开发游戏界面来实现.然而很多时候我们并不想开放这些功能,比如需要一个让自己无敌的命令. 虚幻竞技场中的ConsoleCommand 我开发这个小插件的原因就是让你可以用最简单的方式来实现这些功能.项目GitHub地址:https://git…

js 控制Div循环显示非插件版

<!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> <meta http-equiv="Content-…

( 译、持续更新 ) JavaScript 上分小技巧(三)

最近家里杂事较多,自学时间实在少的可怜,所以都在空闲时间看看老外写的内容,学习之外顺便翻译分享~等学习的时间充足些再写写自己的一些学习内容和知识点分析(最近有在接触的:复习(C#,SQL).(学习)TypeScript,(基础操作)MongoDB.TypeScript之后入手AngularJs 2.0) 后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) Java…

( 译、持续更新 ) JavaScript 上分小技巧(一)

感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅.戳这里:原文能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事.每天仅花上不到2分钟的时间中,你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性:performance(性能), conventions(协议), hacks(代码h…

jsp界面动态时间显示

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…

查看SQLSERVER内部数据页面的小插件Internals Viewer

原文:查看SQLSERVER内部数据页面的小插件Internals Viewer 查看SQLSERVER内部数据页面的小插件Internals Viewer 感觉internals viewer这个名字起得很好,内部查看. 这个小工具是我之前看园子里的某大侠转载的文章是看到的文章地址:SQL Server2008存储结构之堆表.行溢出 http://www.cnblogs.com/trams/archive/2010/09/11/1823727.html 这几天研究了一下这个小工具,发现挺好用…

黑色半透明镂空遮罩指引效果实现jQuery小插件

/*! * by zhangxinxu(.com) 2017-05-18 * 新版上线时候的黑色半透明镂空遮罩指引效果实现jQuery小插件 * 兼容到IE8+ * MIT使用协议,使用时候保留版权 * 更多原理和使用说明参见:http://www.zhangxinxu.com/wordpress/?p=6171 */ $.guide = function (options) { var defaults = { selector: '', // 页面提示元素选择器物,会使用匹配的第一个元素 c…

弹出层小插件之(一)sweetalert

//弹出层小插件之(一)sweetalert 1.引入sweetalert.css 2.引入sweetalert.min.js 下载地址:http://t4t5.github.io/sweetalert/ 官网有如下多种你需要的展示效果 More examples In these examples, we're using the shorthand function swal to call sweetAlert. A basic message swal("Here's a message…

HTML+Javascript制作拼图小游戏详解（一）

本文章将分享一个来自前端菜鸟突发奇想的拼图游戏制作方法以及实现过程. 话不多说,先上图. 首先我们需要写好网页的基本布局(此处涉及简单的HTML和CSS知识). 网页一共分为三个区域,左侧时间显示区,中间主要游戏区和右侧按钮菜单区. 通过三个DIV设置其style为float:left使三个div同行显示. <div class="main"> <div class="left">  </div&g…

关于jsp页面中时间显示问题

首先说明一下情况,在MySQL数据库中获取的时间显示在jsp页面中不是按指定格式显示,显示的是类似于这种--Tue Jun 18 00:00:00 CST 2013.而想要的仅仅是年月日而已. 对于这种情况有好多方法进行处理方式: 首先可以从数据库中查询的时候就可以用格式化时间函数(date_format): 然后还可以用SimpleDateFormat对时间进行解析和格式化输出: 如果不想在后台处理,也可以拿到前台jsp中来处理,示例如下. <%@ taglib uri="http://…