JS 做时钟

今天,给大家分享一个用JS做的时钟. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <style media="screen"> #wrap { width: 500px; height: 500px; border: 5px solid black; border-radius: 500px; margin: auto; position: rel…

js 动态时钟

js 动态时钟 <!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="…

AJAX部分---对比js做日期的下拉选择和 ajax做三级联动；

js做日期选择: 实现当前年份的前5后5年的日期选择实现功能:年份和月份页面加载完成使用JS循环添加,天数根据月份的变化动态添加改变扩展功能:天数可以根据闰年平年变化 <body> <select id="nian" onclick="biantian()"></select>年 <select id="yue" onclick="biantian()"></selec…

JS实现时钟特效

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>JS实现时钟</title><style>.clock {width: 600px;height: 600px;margin:50px auto;background: url(images/clock.jpg) no-repeat;position:…

socket.io+angular.js+express.js做个聊天应用(三)

版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/www19940501a/article/details/27590611 接着前面博客文章socket.io+angular.js+express.js做个聊天应用(二) 首先开发之前先介绍下bower.它是用来管理前端类库的(详细介绍,安装可看http://blog.csdn.net/edagarli/article/details/26359535) justhacker@justhacker…

js做小数运算精度问题

当js做小数运算时存在bug,大概是因为二进制和十进制转换之间的关系. bug如图解决方案 1.运算结果后,乘以100再除以100.网上推荐这种方法但是乘以1000再除以1000依然存在精度问题 2.使用toFixed()方法,效率貌似没有第一种高,这里返回的值一定有两位小数,要么后台用double接收,要么用parseInt()转换为整数parseInt((35.23*100).toFixed(2)). 3.自己写算法函数 function accDiv(arg1, arg2) { var…

HTML 5 +CSS3 + 原生js 做（雪花全屏飘落 + 3d旋转图）

原文:HTML 5 +CSS3 + 原生js 做(雪花全屏飘落 + 3d旋转图) 3d旋转图:主要用css3中transform属性中的rotate,translate;以及用来做舞台效果的 perspective: 800px;(景深)和使立方体呈3d效果展示的transform-style:preserve-3d来实现: 全屏的雪花飘落用原生js来实现(随机的大小,透明度的变化等),有详细注释: html5主要是实现背景音乐和头部的字体卷动效果. < audio src="music.…

用 JS 做一个数独游戏（二）

用 JS 做一个数独游戏(二) 在上一篇博客中,我们通过 Node 运行了我们的 JavaScript 代码,在控制台中打印出来生成好的数独终盘.为了让我们的数独游戏能有良好的体验,这篇博客将会为生成好的数独终盘做一个比较完善的界面.最终的效果如下: 你也可以访问网页上的 demo 进行数独游戏的体验. 完善挖洞算法上一篇博客中提到过挖洞算法,实际上那并不完整,因为算法里面只有生成数独终盘的部分,并没有进行挖洞处理(也就是隐藏部分格子).为了补充完整挖洞的算法,我们在 Game 对象里面…

用 JS 做一个数独游戏（一）

用 JS 做一个数独游戏(一) 数独的棋盘由 9x9 的方格组成,每一行的数字包含 1 ~ 9 九个数字,并且每一列包含 1 ~ 9 这 9 个不重复的数字,另外,整个棋盘分为 9 个 3x3 的块,每个块中包含的数字也是 1 ~ 9.数独棋盘是非常对称的,所以行和列实际上通过旋转一定的角度就可以相互转换. 数独终盘生成步骤生成数独终盘有多种方法,其中一种是挖洞法:先生成一个随机的数独终盘,然后随机隐藏某几个位置的数字,让用户进行填空.这里我们用到的方法就是挖洞法,以行为单位进行数字的填充.…

h5 录音自动生成proto Js语句 UglifyJS-- 对你的js做了什么【原码笔记】-- protobuf.js 与 Long.js 【微信开发】-- 发送模板消息能编程与会编程 vue2入坑随记(二) -- 自定义动态组件微信上传图片

得益于前辈的分享,做了一个h5录音的demo.效果图如下: 点击开始录音会先弹出确认框: 首次确认允许后,再次录音不需要再确认,但如果用户点击禁止,则无法录音: 点击发送将录音内容发送到对话框中.点击即可播放.点击获取录音即可下载最后一次的音频: 播放下载都是围绕blob文件.播放就是让隐藏的audio标签的地址指向内存中的blob: this.play = function (audio,blob) { blob=blob||this.getBlob().blob; audio.src =…

用js做数字字母混合的随机四位验证码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>用js做数字字母混合的随机四位验证码</title> </head> <body> <input type="text" id="txt"/> // 创建一个文本框 <input type="button&…

70.JS---利用原生js做手机端网页自适应解决方案rem布局

利用原生js做手机端网页自适应解决方案rem布局刚开始我用的是下面这段代码,然后js通过外部链接引入,最后每次用手机刷新网页的时候都会出现缩略图 function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.documentElement.clientWidth; html.s…

JS做深度学习2——导入训练模型

JS做深度学习2--导入训练模型改进项目前段时间,我做了个RNN预测金融数据的毕业设计(华尔街),当时TensorFlow.js还没有发布,我不得已使用了keras对数据进行了训练,并且拟合好了不同期货的模型,因为当时毕设的网站是用node.js写的,为了可以在网站中预测,我采取的方案是:用python进行训练和预测,然后使用node.js运行python命令,最终在浏览器上可视化出来,这也算的上是黑科技了! 不过这样通过一个解释器调用另一个解释器,语言之间互相通信其实不是什么好的设计方式,…

JS做深度学习1——偶然发现与入门

JS做深度学习1--偶然发现与入门不久前,我初次涉猎了Node.js,并且使用它开发了毕业设计的WEB模块,然后通过在Node中调用系统命令执行Python文件方式实现了深度学习功能模块的对接,Python代码的介入,让JS代码显得很累赘,我说过我很爱ES6以后的JS并且很讨厌Python的代码风格,无奈,我在写毕设那会Google还没有正式发布基于JS的深度学习框架,好吧,其实我对这事已经抱怨了很久,但是我的"呼声"仿佛很快就被Google"认同了"(滑稽),就…

用JS做的时钟

<!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" xml:lang="en"> <head> <meta h…

JS + HTml 时钟代码实现

JS+ Html 画布实现的时钟效果图: 闲来无聊做了一个网页的时钟,效果模拟传统时钟的运行方式, 运用了html 的画布实现指针,背景图片引用了网络图片. 具体原理: 首先将时钟分为四个不同区域,对每个区域计算cos,sin 来确实指针顶点位置.在通过画布来绘画出指针.通过setInterval 每秒刷新指针位置实现传统机械表针的动态跳动. 本人是JS开发程序员,从业1年多.闲来无聊的简单页面, 欢迎大家提问,或者建议.共同进步代码部分,直接复制HTML 文件中即可查看效果: <!DOCT…

用原生js做单页应用

最近在公司接到一个需求,里面有一个三级跳转.类似于选择地址的时候,选择的顺序是:省份->市->区.如果分三个页面跳转,那么体验非常不好,如果引入其他框架做成单页应用,又比较麻烦.所以可以用js把这一块做成单页应用的样子... 主要思路通过改变url的hash值,跳到相应模块.先把默认模块显示出来,其他模块隐藏,分别给三个模块定义三个hash值,点击默认模块的选项的时候,改变hash值,同时在window上监听hashchange事件,并作相应模块跳转逻辑处理.这样即可模拟浏览器的前进后退,而…

用纯JS做俄罗斯方块 - 简要思路介绍（1）

大家都知道俄罗斯方块是一款大众化的游戏了,我很小的时候就玩过,今年已经25岁了,可以说俄罗斯方块确实是历史悠久,做俄罗斯方块是我上个星期开始的想法.也许是由于自己从来没有写过这种东西吧,所以有生疏.代码的话,只完成了一小部分,大概1/5左右吧.今天还是决定先写一部分思路. 至于俄罗斯方块的话,有很多的难点,如果有JS去写的话,要考虑到碰撞啊,边界啊,下落等问题,本文这些问题大部分不会考虑到,只是提供一部分思路而已,开始已经说了,因为自己还没写完这个游戏,但是又出于想写博客记录,所以才有了这一系列…

用JS做一个简单的电商产品放大镜功能

使用js制作一个简单的产品放大图购物网站的产品页经常会放有一个产品展示图区.该图区有一个功能就是产品图的放大功能,移动左侧的焦点区域,可以放大细节部分观看,详情如下图.实现该功能的方法也非常简单. 实验:制作产品焦点放大图. 所需技能:1.基本的获取页面元素的方法: 2.几个简单的事件: 3.会使用dom设置元素的属性: 案例原理:1.焦点框的跟随鼠标事件: 2.焦点框的移动区域规定: 3.大盒子内容的显示: 适合对象:js初学者 -------------------------------…

纯html、css3、js的时钟

之前在网上看了一些使用js写的时钟,但感觉实现的方法有点麻烦,所以就自己重新写了一个例子,样子有点丑,但方法比较简单,大家就凑合看吧其中采用的主要方法是原生js里面的Data(时期)对象,以及它的.getSeconds()..getMinutes()..getHours()以及css3之中关于旋转部分的内容,以下是所写的代码: <!doctype html> <html lang="en"> <head> <meta charset=&quo…

bootstrapValidator.js 做表单验证

有这样的一个场景,我们在提交form表单的时候可能要做一些验证,比如判断是不是为空,电话的格式验证,邮箱的格式验证等等,手写起来也是可以得. 但是今天我介绍一个bootstrap插件简化开发.就是bootstrapValidator.js. 直接上手写代码. 1.首先 jquery,bootstrap 以及bootstrapValidator(地址https://github.com/nghuuphuoc/bootstrapvalidator) 2.引用jquery bootstrap bo…

js实现时钟

<!DOCTYPE html> <html> <head> <title>Js版带表盘的时钟</title> <meta charset="utf-8"/> <link rel="Stylesheet" href="4_2.css"/> <script src="4_2.js"></script> </head&g…

js获取当前时间&js 页面时钟

js获取当前时间 //获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) {…

如何使用impress.js做一个网页版本的PPT

blockquote{font-size: 18px;line-height:1.5;margin:0;}line-height: 1.5; 要做一个网站制作规范培训,之前村长做过一次培训,但是后来一直没有实行下去,项目没有继续制作,于是几个月后有一批小伙伴需要重新回来参与制作.让我来给大家来制作一个相应的制作培训,聪慧过人(偷懒)的我选择了直接拿村长的培训文件来修改一下,补充一下我修改问题的时候遇见的一些常见问题.也正因为如此,不会PPT,怎么办呢?装一下高大上,我就选择了一个js文件,用HT…

django Forgienkey字段在前台用js做处理

在我做的项目中有个选择省城市的选项,这两个字段的关系是一对多的关系class Province(models.Model): # 省会 name = models.CharField(max_length=30) class City(models.Model): #城市 name = models.CharField(max_length=30) province = models.ForeignKey(Province) 前台代码:<html><hea…

JS一般般的网页重构可以使用Node.js做些什么（转）

一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.js,且很有可能对Node.js都没有一个比较立体的认识——知道这玩意可以跑服务,构建很多前端工具,看上去很厉害的样子,但是,可能就仅限于此了. “那可否三言两语概括Node.js的林林总总呢?” “不可!” “那怎么办?” “那就六言四语!” 首先,要知道,Node.js一个JavaScript运行…

QT做界面真是绝美，并且还可嵌入HTML与JS做界面（许多案例）

1. 这年头想要酷炫, 还是用web最方便, QT自带嵌入式webkit, 然后用d3.js D3.js - Data-Driven Documents什么的, 各种酷炫的互动表随手而来.这里有各种各样酷炫的例子:Gallery · mbostock/d3 Wiki · GitHub 2. QSS 3. QT Quick http://www.qtcn.org/bbs/read-htm-tid-59235.html (模仿微信) 4. C++使用图片资源,本身就已经可以做很酷很漂亮的界面: h…

使用 Node.js 做 Function Test

Info 上周 meeting 上同事说他们现在在用 java 写 function test,产生了很多冗余的代码,整个项目也变得比较臃肿.现在迫切需要个简单的模板项目能快速搭建function test. 后来我回去想了想,为什么我们非得用 java 来做 function test 呢? Node.js 应该是个不错的选择,并且对 json 有着天然的支持,于是回去在 github 上随手一搜,还果真有相关的项目:testosterone,于是便有了这篇blog. Server 要做dem…

使用js做创建图片及删除图片若有什么不对或不完整的地方，请大家提出来，谢谢

首先我们要在<body>中创建一个按钮<button>来用作点击创建图片,在<button>中写一个点击事件(随便命名), 在创建一个<div>存放图片,在<div>中创建一个id(跟上面一样随便命名) 代码如下: <button onclick="hehe()">创建图片</button> <div id="imgsId"></div> 再写几…

d3.js做的柱状图

window.onload = function(){ var dataArray = [23, 13, 21, 14, 37, 15, 18, 34, 30]; var height = 400,width = 900; var padding = {left:30, right:30, top:20, bottom:20}; var rectPadding = 4; var svg = d3.select("#main").append("svg").attr(…

【JS 做时钟】的更多相关文章