写了一个5分钟倒计时的代码，有的时候代码需要刷新，然后倒计时又从4：59开始了，我想到的一个解决办法，就是使用缓存，将开始倒计时的时间加上要倒计时的5分钟设为缓存，然后直接用这个缓存时间减去当前时间，就可以一直倒计时了，不管你在倒计时过程中操作了什么，时间总在变吧，哈哈，原理就是这样嘀。 <!doctype html> <html><head><meta charset="utf-8"><title>简单易用的倒计时js代码</title></head><body><div id="time"><...
本文实例为大家分享了js+html5实现点击复制文字的按钮，供大家参考，具体内容如下 图片展示：注意css中的样式，有些页面复制不成功就是没有添加那一句造成的。 代码块 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><style type="text/css">*{-webkit-user-select: auto;}</style><body><span id="content">你好，好久不见！</span><button id="copyBT">复制</button><script>function...
本文实例为大家分享了html5实现侧滑页面效果展示的具体代码，供大家参考，具体内容如下 before：after：代码： <!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><script src="js/mui.min.js"></script><link href="css/mui.min.css" rel="stylesheet" /><style type="text/css">.cove...
点击按钮，出现半透明遮罩层弹框，说说自己之前发过的愁吧 1、遮罩层半透明了 弹框也跟着半透明了 就像这样 绝望吧 是哪里错了呢？你的css是这样写的吧：应该这样：需要注意的是这几个参数的意思：RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明 2、半遮罩层里面的内容可以上下滑动 感觉挺好玩的 /笑哭 修改就是把半遮罩层的position设置为fixed 里面的内容就不会变啦 接下来就是代...
HTML5之FileReader的使用 HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法： 1.检测浏览器对FileReader的支持 if(window.FileReader) { var fr = new FileReader(); // add your code here } else { alert("Not supported by your browser!"); } 2. 调...
本文实例讲述了JavaScript+HTML5实现的日期比较功能。分享给大家供大家参考，具体如下： 这里要在前面的文章《JavaScript实现设置默认日期范围为最近40天的方法》基础之上，进一步校验开始日期、结束日期是否合理。 比如：开始日期要小于等于结束日期，还有实现只能查询最近40天内的数据（设定为：结束日期减去开始日期要小于等于41，设为40也可以，关键看需求），如果要查询超过40天的数据，会直接报错。 在报错时，不会显示具体的...
本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考，具体如下： 添加行： function addtr(){var tr = $("#tb tr").eq(0).clone();tr.appendTo("#tb");//tr.insertBefore("#tb tr:last"); } <table id="tb"><tr> </tr> // tr 的下标从 0 开始<tr> </tr> </table>删除行： index 要删除的 table 的 tr 的下标 $("#tb_id tr").eq(index).remove();计算 table 中 tr 的 个数: ("#tb tr").length...
本文实例讲述了JS实现加载时锁定HTML页面元素的方法。分享给大家供大家参考，具体如下： 在html加载时js锁定页面内所有input，textarea，select 具体js如下 index.js for(z=0;z<document.getElementsByTagName(input).length;z++) {document.getElementsByTagName(input)[z].setAttribute(disabled,disabled) } for(zz=0;zz<document.getElementsByTagName(textarea).length;zz++) {document.getElementsByTagName(textarea)[zz]....
前言 大家都知道angualrjs处于安全的考虑，插值 指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框 代码如下： <body ng-app="app" ng-controller="controller"> <select ng-model="value" ng-options="t.text for t in testList"></select> <script src="/bootstrap/bootstrap/dist/angular-bootstrap/angular.js"></script> <script type="text/javascript">var app= ...
本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法。分享给大家供大家参考，具体如下： 原来onchange=“fucntionname（parms）”； <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, selProvinces_{$sn})" style="border:1px solid #ccc;"><option value="0">{$lang.please_select}{$name_of_region[0]}</option><!-- {foreach from=$country_list item=country} --><option...
因为最近一段时间，一直在弄微信项目，其中涉及到了证件上传的功能，刚开始的时候一点头绪都没有，上网查了很多资料，QQ群里面也问了不少人，很多人说如果是app程序，可以申请系统权限，然后再去调用系统底层的东西，但是微信是在浏览器里面操作的，我们自定义的页面也是通过微信内置浏览器打开的，而且微信浏览器在内部进行了很多特殊处理，屏蔽了很多东西，所以要在页面调用拍照功能或者是打开手机系统的图库目录是不可能的，当然...
上一篇只讲到前台操作，这篇专门涉及到Java后台处理，前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理，通过对图片数据信息进行Base64解码，之后使用流将图片数据信息上传至服务器进行保存，并且将图片的路径地址存进数据库。 大家可以点此链接查看前台本地压缩上传的处理：HTML5+Canvas+jQuery调用手机拍照功能实现图片上传（上） ok，废话不多说了，直接贴代码吧。 1、前台js代码：$.ajax(...
做了个微信的HTML5拍摄上传照片功能，问题重重... 前端代码 $(:file).on(change,function(){var file = this.files[0];var url = webkitURL.createObjectURL(file);/* 生成图片* ---------------------- */var $img = new Image();$img.onload = function() {//生成比例var width = $img.width,height = $img.height,scale = width / height;width = parseInt(800);height = parseInt(width / scale);//生成canvasvar $canvas = $(...
本文实例讲述了JS+HTML5实现上传图片预览效果。分享给大家供大家参考，具体如下： 在项目中遇到用input标签file类型的文件上传，想实在上传之前进行图片的预览功能；之前的做的一个解决方案是文件先上传上去然后返回地址再显示在页面上，这样就不太好，因为用户基本信息可能并没有保存，但是头像却已经改变，如果在需要改变就导致了多余图片的保存服务器。 在网上找了下解决方案，如下所示： <!DOCTYPE HTML> <html><head><meta ch...
本文实例为大家分享了js三级联动菜单展示的具体代码，供大家参考，具体内容如下 效果图：代码： <!DOCTYPE HTML> <html> <head> <title>联动菜单</title> <meta charset="utf-8" /> <script>/*使用 HTML DOM 的方式实现联动菜单*/var categories=[{"id":10,"name":男装,"children":[{"id":101,"name":正装},{"id":102,"name":T恤},{"id":103,"name":裤衩}]},{"id":20,"name":女装,"children":[{"id":201,"name":短裙},{"id":202,"n...