用JavaScript写一个能开始和暂停的时钟

//sScriptvar showTime = document.getElementById('seconds') var id =0 function fn(){ var i = 0 var s = 0 var m = 0 var h = 0 id =setInterval(function(){ i++ s = fn2(i%60) m = fn2(parseInt(i/60%60)) h = fn2(parseInt(i/3600%24)) showTime.innerHTML = `${…

怎么用JavaScript写一个区块链？

几乎所有语言都可以编写区块链开发程序.那么如何用JavaScript写一个区块链?以下我将要用JavaScript来创建1个简单的区块链来演示它们的内部到底是怎样工作的.我将会称作SavjeeCoin! 区块链是由一个个所有人能够访问的区块构成的公共数据库.这好像没有什么特别的,不过它们有个有意思的特性:它们是无法变的.要是1个区块被插入到区块链中,除非让剩下的另外区块失效,不然这是不会再被更改的. 区块链是由千千万万的区块连接在一起的.链上的区块根据某一方法容许人们检验到是不是有人控制了以前的…

JavaScript写一个连连看的游戏

天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •̀ ω •́ )y:…

用JavaScript写一个区块链

几乎每个人都听说过像比特币和以太币这样的加密货币,但是只有极少数人懂得隐藏在它们背后的技术.在这篇博客中,我将会用JavaScript来创建一个简单的区块链来演示它们的内部究竟是如何工作的.我将会称之为SavjeeCoin! 全文分为三个部分: part1:实现一个基本的区块链 part2:实现POW part3:交易与挖矿奖励 Part1:实现一个基本的区块链区块链区块链是由一个个任何人都可以访问的区块构成的公共数据库.这好像没什么特别的,不过它们有一个有趣的属性:它们是不可变的.一旦一个…

用javascript写一个前端等待控件

前端等待控件有啥新奇的?什么jquery啦,第三方控件啦,好多好多,信手拈来. 因为项目使用了bootstrap的原因,不想轻易使用第三方,怕不兼容.自己写一个. 技术点包括动态加载CSS,javascript的命名空间,所以记录一下. 这个等待控件主要是:进行某个操作前,显示一个信息提示:"数据加载中,请稍候...",操作成功后,在回调函数中将提示消失. 原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定. 那么这个CSS怎么动态加载呢?等待控件中,样式使用了cl…

用javascript写一个emoji表情插件

概述以我们写的这个emoji插件为例,网上已经有一些相关的插件了,但你总感觉有些部分的需求不能被满足(如:可以自行添加新的表情包而不用去改源代码等等) 详细代码下载:http://www.demodashi.com/demo/10345.html 很久没有写文章了,说实话本人现在受困于五月病已经快变成一条死咸鱼了(T_T),本次就当写一个简单的js插件教程了.本项目的代码相对比较简单,至于里面有些变量命名的问题就请你们不要吐槽了Σ(ﾟдﾟlll)(好的,我承认我英语就小学水平好吧.除了hel…

javascript : 写一个类似于 jquery css() 的方法

我们知道,jquery css() 方法可以很方便的更改DOM的样式. 但从原理上,这个并不复杂,我们完全可以自己写一个. 上代码. updateDOMStyle(DOM, obj){ Object.keys(obj).forEach(function(key){ DOM["style"][key] = obj[key]; }); }, DOM是你想改的DOM元素,obj是样式对象. 使用. use(width, height){ document.querySelector(&quo…

JavaScript写一个表格排序类

依稀记得那是上个星期六的下午,我参加了网易暑期实习生招聘笔试.考得相当糟糕,编程题3个题通过了2个,简答题没做对,选择题貌似是20个题猜了6-7个,99%是挂了,唉唉唉!生活不只眼前的苟且,学习的脚步还得向前迈进.现在来做一做网易的简答题. 题目是这样的:一个表格有三列,分别是姓名.学号.成绩,要求点击成绩,则按成绩从高到低排列,再点击一次则从低到高,如此循环.啊呀呀!这个不就是简单的表格排序吗?是的,然而我错了.小学老师老师告诉我知错能改就是好孩子,不知道网易怎么看呢?管他怎么看,我先把错改了…

javascript 写一个ajax 自动拦截，并下载数据

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

JavaScript写一个拼图游戏

拼图游戏的代码400行, 有点多了, 在线DEMO的地址是:打开: 因为使用canvas,所以某些浏览器是不支持的: you know: 为什么要用canvas(⊙o⊙)? 因为图片是一整张jpg或者png, 我们要用把图片导入到canvas画布, 然后再调用上下文context的getImageData方法, 把图片处理成小图, 这些小图就作为拼图的基本单位: 如何判断游戏是否结束, 或者说如何判断用户拼成的大图是正确的? 我们就要在刚刚生成的小图上面添加自定义属性, 后期在小图被移动后再一…

JavaScript写一个小乌龟推箱子游戏

推箱子游戏是老游戏了, 网上有各种各样的版本, 说下推箱子游戏的简单实现,以及我找到的一些参考视频和实例: 推箱子游戏的在线DEMO : 打开如下是效果图: 这个拖箱子游戏做了移动端的适配, 我使用了zepto的touch模块, 通过手指滑动屏幕就可以控制乌龟走不同的方向: 因为推箱子这个游戏比较简单, 直接用了过程式的方式写代码, 模块也就是两个View 和 Model, 剩下就是用户的事件Controller, 用户每一次按下键盘的方向键都会改变数据模型的数据,然后重新生成游戏的静态htm…

自己动手用Javascript写一个无刷新分页控件

.NET技术交流群:337901356 ,欢迎您的加入! 对于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的人,可能对服务器端(具有runat="server"属性)的控件的回发(PostBack)特性有一定的了解.我们知道,只要一点击页面中的Asp.net按钮(可能是LinkButton,也可能是Button,还有可能是ImageButton等)都会引起整个页面的刷新, 这样的体验是非常不好…

用JavaScript写一个简单的计算器

本文使用js实现了一个简单的加.减.乘.除计算器. 以下是css部分代码: *{ padding:0; margin:0; color: #424242; } .outer{ width:300px; height:auto; outline:1px solid #b9b9b9; margin:50px auto; background: pink; } .title{ height:40px; width:100%; border-bottom:1px solid #b9b9b9; text-…

我发起了一个用 javascript 写一个 Office 的开源项目 JS Office

用 js 写 Office, 说实在的, 把现在已有的各种富文本编辑器和电子表格 js 库收集起来整合一下就差不多了 , 放到前几天那个 “ js 作为一等公民 ” 的操作系统里 , 或者放到 Cef 里 . Excel 中会包含分析图表等等 , 这也是 js 库很丰富的 . 总的来说, 现在 js 库的产能过剩, 不利用起来办点正事就浪费了 . 在 Excel 中,会有计算公式 ,也可以用 VBA 来编写…

【jQuery学习】用JavaScript写一个输出多选框的个数报错:Cannot set property 'onclick' of null"

说明:代码段来源于:<锋利的jQuery> 根据代码段我补充的代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var btn=document.getElementById("btn");…

用JavaScript写一个类似PHP print_r的函数

PHP print_r的函数很好用,可以用来打印数组.对象等的结构与数据,可惜JavaScript并没有原生提供类似的函数.不过我们可以试着自己来实现这个函数,下面提供一些方法与思路. 方法一 function print_r(theObj) { var retStr = ''; if (typeof theObj == 'object') { retStr += '<div style="font-family:Tahoma; font-size:7pt;">'; for…

用JavaScript写一个简单的倒计时，可以应用在发送短信验证码的“59秒后重新发送验证短信”

倒计时——从10倒数到0,点击按钮会还原倒计时 <body>  <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&…

用javascript写一个显示时间差几分钟前几小时前几天前几周前大于一个月显示日期

window.onload = function(){ var show_times = $(".times span"); for(var i=0;i<show_times.length;i++){ var dateStr = show_times[i].innerHTML; var dateTimeStamp = Date.parse(dateStr.replace(/-/gi,"/")); var minute = 1000 * 60; var hour…

javascript 写一个随机范围整数的思路

const {random} = Math; //返回 [min,max] 的随机值 //[0,1) * (max - min + 1) => [0,max-min+1) //[0,max-min+1) | 0 => [0,max-min] + min => [min,max] const randomInt = (min,max) => ( ( random() * (max - min + 1)) | 0 ) + min ;…

javascript 写一个 map方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> Array.prototype.map = function(fn){ for (i=0;i<this.length;i++){ v = t…

用JavaScript写一个JD放大镜

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>京东放大镜</title> <style> .box{ /*大盒子虽然比详细图的盒子宽度小,但是在逻辑上详细图的盒子属于大盒子*/ width: 350px; height: 350px; position: relative; margin…

用JavaScript写一个进度条

var porpressBar = document.getElementById('progressBar') var info = document.getElementById('info') var barW = 0 var id = setInterval(function(){ barW+=2 porpressBar.style.width = barW + 'px' info.innerText = barW/2 + '%' if(barW==200){ clearInterval…

用javascript写计算器

本人新手,如果有什么不足的地方,希望可以得到指点今天尝试用javascript写一个计算器首先把计算器的按钮做出来,用button做好了,这样可以不用设置太多的样式 <button value="7" >7</button> 按照上面把0-9数字的按钮都搞出来当然还有+-*/=%这些按钮顺便给每个按钮添加样式如下: <style> .short{height:63px;width:55px;float:left;} </style&g…

使用JavaScript实现一个简单的编译器

在前端开发中也会或多或少接触到一些与编译相关的内容,常见的有将ES6.7代码编译成ES5的代码将SCSS.LESS代码转换成浏览器支持的CSS代码通过uglifyjs.uglifycss等工具压缩代码将TypeScript代码转换成JavaScript代码 Vue模板语法转换成render函数.JSX语法转换成JS代码尽管社区的工具如bable.*-loader已经帮我们完成了上面的所有工作,我们不用关心编译的过程,甚至也很少有人关注输出的代码,但是了解编译原理还是很有必要的,这篇文章…

JavaScript写倒计时

在网页中,特别是电商网站中,倒计时的出现频率很高,接下来给大家介绍一下怎么用JavaScript写一个倒计时.代码如下: 首先我们通过Date构造函数的方法创建一个倒计时的结束的时间.并将其转换为毫秒值. 再获取现在的时间,同样转换为毫秒值. 两值相减,就是倒计时中的毫秒值. 更多内容请见原文,文章转载自:https://blog.csdn.net/weixin_44519496/article/details/118567932…

用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到是否蒙B了,如果是我面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答案,静下心想了想,突然..有了方法,完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</…

只有20行Javascript代码！手把手教你写一个页面模板引擎

http://www.toobug.net/article/how_to_design_front_end_template_engine.html http://barretlee.com/websocket-with-node/ 只有20行Javascript代码!手把手教你写一个页面模板引擎 2014/01/22 | 分类: WEB开发 | 2 条评论 | 标签: JAVASCRIPT, WEB开发, 工具, 模板引擎分享到:27 本文由伯乐在线 - njuyz 翻译自 Tech.pr…

javascript 写一段代码，判断一个字符串中出现次数最多的字符串，并统计出现的次数

javascript 写一段代码,判断一个字符串中出现次数最多的字符串,并统计出现的次数 function test(){ var bt = document.getElementById("bt"); bt.addEventListener("click",function(){ var str = "dafdsjkfnaiesdaadsllllllkkkkk444444444444444"; var obj = []; // 存放结果集的数组…

写一个MySql存储过程实现房贷等额本息还款计算(另外附javascript代码)

写一个MySql存储过程实现房贷等额本息还款计算 MySql存储过程代码如下: DROP procedure IF EXISTS `calc_equal_interest_proc`; DELIMITER $$ #USE `fn`$$ CREATE PROCEDURE `calc_equal_interest_proc` (khbh varchar(50)) LANGUAGE SQL NOT DETERMINISTIC CONTAINS SQL SQL SECURITY DEFINER COMM…

JavaScript写的一个带AI的井字棋

最近有一门课结束了,需要做一个井字棋的游戏,我用JavaScript写了一个.首先界面应该问题不大,用html稍微写一下就可以.主要是人机对弈时的ai算法,如何使电脑方聪明起来,是值得思考一下的.开始游戏后,由玩家先行.那么站在计算机的角度,可以对多种情况进行分析,并按照重要程度赋予权值.情况如下: 1.同一排(行.列.对角线)有且只有两个棋子,并且都是自己的,只要再进一步就能获胜,那么剩下的那个位置权值最高,优先级最大.赋予一级权值. 2.同一排(行.列.对角线)有且只有两个棋子,并且都是对方…

【用JavaScript写一个能开始和暂停的时钟】的更多相关文章