Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于JS代码实现实时显示系统时间

基于JS代码实现实时显示系统时间

2017年02月06日 9 阅读
1.概述在浏览很多网站时，都会发现在网站中加入了显示当前系统时间的功能，在网页中显示当前系统时间，不仅可以方便浏览者掌握当前时间，而且还美化了网页。2.技术要点利用Date对象来实现。首先创建一个表示当前系统时间的Date（）对象，然后通过Date对象的getXxx（）方法获得当前系统时间的年、月、日、小时、分、秒和星期的值，接下来将获得的这些值组合成一个日期时间字符串，并将日期时间字符串设置成为<div>标签的内容，最后通过window对象的...
检查表单元素的值是否为空的实例代码

检查表单元素的值是否为空的实例代码

2017年02月06日 8 阅读
1.概述在实际的开发过程中，经常需要判断用户提交的表单中某个元素的值是否为空，还有一种情况是表单中所有元素的值都不允许为空。本实例将介绍一种简单有效的判断表单中所有元素是否为空的方法。2.技术要点主要是在JavaScript中通过循环form对象的elements属性来实现。form对象的elements属性也就是页面中form表单的所有元素的数组，例如，form.elements[0]表示表单第一个元素对象，form.elements[n]表示表单第n个...
客户端验证用户名和密码的方法详解

客户端验证用户名和密码的方法详解

2017年02月06日 8 阅读
1.概述在动态网站的用户注册页面中，经常需要对用户输入的用户名和密码的位数及成员组成进行判断，这样可以规范用户的注册信息。例如本实例，要求用户名由3-10位的字母、数字和下划线组成，密码由6-20位的字母、数字、下划线和点“.”组成并且首字符为字母，这时就需要对用户的输入进行判断，因此笔者编写了两个函数，分别用于验证用户输入的用户名和密码是否合法。2.技术要点验证用户名是否由3-10位的字母、数字和下划线组成的正则表达式如下：/^（w）{3,10}$/ 验...
基于JS代码实现图片在页面中旋转效果

基于JS代码实现图片在页面中旋转效果

2017年02月06日 8 阅读
1.概述在一些交易平台网站，如淘宝网、拍拍网等，经常会发现一些图片以圈的形状旋转的效果，如此反复的执行。2.技术要点主要应用了Math对象的sin（返回数的正弦值）和cos（返回数的余弦值），通过取得正弦值和余弦值然后加一些算法来改变当前层的位置，使图片在页面中旋转。3.具体实现（1）本例利用javaScript的Math对象的正弦和余弦值来改变当前层的位置，代码如下：<script language="javascript"> var x1=...
JS代码实现根据时间变换页面背景效果

JS代码实现根据时间变换页面背景效果

2017年02月06日 8 阅读
1.概述有些时侯为了丰富页面的显示效果，将页面制作成根据时间变换页面背景的样式，这样会使浏览者对此网站不会感觉厌倦，同时也会觉得网站制作的非常新颖。本实例通过Date对象的getHours（）方法获得当前系统时间的小时，然后根据不同的时间段来改变页面的背景图片。2.技术要点主要使用JavaScript中的Date对象的getHours（）方法得到当前系统时间的小时，然后在一定的时间段内判断当前小时是否符合指定的时间段，如果符合则使用document对象的w...
特殊日期提示功能的实现方法

特殊日期提示功能的实现方法

2017年02月06日 8 阅读
1.概述在设计开发网站时，可以在页面中加入显示系统日期的功能，如果在显示系统日期的同时能够显示相应的节日，可以给网站浏览者提供帮助。2.技术要点实现特殊日期提示的功能，大致可分为以下几个步骤：（1）创建Date（）对象的实例，使用getYear（）、getMonth（），getDate（）、getDay（）方法获取当前系统时间中有关年、月、日、星期的数据信息。（2）使用getMonth（）方法获取的月信息是从0开始计数的，所以要将月份对应的数据自动加1。（...
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“

JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“

2017年02月06日 8 阅读
说下闭包的由来function a（） {var i = 0;function b（） {console.log（i）;}return b;}var c = a（）;c（）; 一般来说，当一个函数内部匿名函数用到了自己的变量，并且这个匿名函数被返回了，这就建立了一个闭包，比如上面的代码这个时候，就算a调用结束被销毁，i也会存在不会消失当a定义时，js解释器会将函数a的作用域链设置为定义a时所在环境当执行a时，a会进入相应的执行环境，执行环境创建后才会有作用...
url中的特殊符号有什么含义（推荐）

url中的特殊符号有什么含义（推荐）

2017年02月06日 8 阅读
一、##代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print">。二、HTTP请求...
浅谈jQuery animate easing的具体使用方法（推荐）

浅谈jQuery animate easing的具体使用方法（推荐）

2017年02月06日 8 阅读
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate（ properties [, duration] [, easing] [, complete] ）有四个参数：•properties：一组包含作为动画属性和终值的样式属性和及其值的集合•duration（可选）：动画执行时间，其值可以是三种预定速度之一的字符串（"slow", "normal", or "fast"）或表示动画时长的毫秒数值（如：...
js基于setTimeout与setInterval实现多线程

js基于setTimeout与setInterval实现多线程

2017年02月06日 8 阅读
本文实例讲述了js基于setTimeout与setInterval实现多线程的方法。分享给大家供大家参考，具体如下：javascript无法实现线程阻塞（sleep），原因是因为sleep涉及系统调用。js出于安全考虑是不允许系统调用的。如果一定要实现语句继续执行就只能用while（1）空转的方法消耗CPU，判断到了时间就break。不过这个方法也不是真正sleep。只执行一次的定时器<script>//定时器使用的是异步的方式运行的funct...
jQuery1.9+中删除了live以后的替代方法

jQuery1.9+中删除了live以后的替代方法

2017年02月06日 8 阅读
根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。 on方法可以接受三个参数：事件名、触发选择器、事件函数。需要特别注意的是：on方法中间的这个触发选择器就是你将要添加的HTML元素的类名、id或者元素名，使用它就可以实现live的效果。例如我的html文档中已经有了一个id为parent的div，我将要在这个div内部再动态添加一个class为son的span，然后我为这...
<< 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图