如何用javascript让表针动起来

2026-09-05

js实现一个简单钟表动画(javascript+html5 canvas)

第一次在博客园注册发博.有一次去人家单位开标,看到开标网站上有个钟表动画,一时兴起,就写了个简单的钟表动画. 用js和html5 canvas对象实现一个简单钟表程序主要用到的就是h5的canvas对象 canvas对象本人也不是很熟,大致看了几个常用的方法,难免有不足之处,仅是练习所用. 实现思路:画表盘,画刻度,画表针就是这么个思路. 主要就涉及到以下几个方法 arc 创建弧/曲线(用于创建圆形或部分圆) rotate 旋转 lineTo画线 <!DOCTYPE html PUBLIC &qu

如何用Javascript检测到所有的IE版本

如何用Javascript检测到所有的IE版本 function GetIEVersion() { var sAgent = window.navigator.userAgent; var Idx = sAgent.indexOf("MSIE"); // If IE, return version number. if (Idx > 0) return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf("."

如何用JavaScript实现2+2=5？

我大学毕业找工作时,经常做一些稀奇古怪的面试题.这不,给大家分享一道整蛊的面试题,它其实不能算一道正式的面试题,大家可以用它来捉弄你们那些程序员朋友. 题目:如何用JavaScript实现2+2=5? 答案如下. 新建一个txt文件,然后把后缀名改为.html, 再用浏览器打开. <html> <script> g = function () { H = 3 return H + H } f = function () { Η = 2 return Η + H } // 3 + 3

一步一步学Silverlight 2系列（22）：在Silverlight中如何用JavaScript调用.NET代码

概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON.Web Service.WCF以及Sockets的支持等一系列新的特性.<一步一步学Silverlight 2系列>文章将从Silverlight 2基础知识.数据与通信.自定义控件.动画.图形图像等几个方面带您快速进入Silverlight 2开发. Silv

编程原理—如何用javascript代码解决一些问题

关于编程,我最喜欢的就是解决问题.我不相信有谁天生具有解决问题的能力.这是一种通过反复锻炼而建立并维持的能力.像任何练习一样,有一套指导方针可以帮助你更有效地提高解决问题的能力.我将介绍5个最重要的软件设计原则,这些原则指导了我的解决问题的过程,并向您展示如何应用这些原则来解决实际问题. 1. Keep It Simple 如果您有任何需要从这篇文章中获得的信息,那就是"保持简单"的原则.这个原则通常被称为KISS,它代表"Keep it simple,stupid"

javascript的缓动效果

这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公式.我见过两套缓动公式,一套是早期Robert Penner大神的缓动公式,内置到tween类中,不过现在人们越来越推荐tweenlite这个新秀了.另一套是script.aculo.us与mootools里面的,由于mootools可称之为prototype的升级版,script.aculo.us

如何用JavaScript在页面上显示一个时间钟表

<html><head><script type="text/javascript">function myTime(){var today=new Date();var h=today.getHours();var m=today.getMinutes();var s=today.getSeconds(); m=checkTime(m);s=checkTime(s);document.getElementById('txt').innerHTML=

如何用 JavaScript 下载文件

简介我们知道,下载文件是一个非常常见的需求,但由于浏览器的安全策略的限制,我们通常只能通过一个额外的页面,访问某个文件的 url 来实现下载功能,但是这种用户体验非常不好. 幸好,HTML 5 里面为 <a> 标签添加了一个 download 的属性,我们可以轻易的利用它来实现下载功能,再也不需要用以前的笨办法了. 原理我们先看看 download 的使用方法: <a href="http://somehost/somefile.zip" download=&qu

如何用JavaScript复制到剪贴板

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="./jquery.min.js"></script> </head> <body

如何用JavaScript制作循环图形

[图题思路] 1.确定图形一共几行,即为外层的循环的次数 2.确定每行有几种元素,代表有几个内层循环 3.确定每种元素的个数,即为每个内层循环的次数Tips:通常,找出每种元素的个数与行号的关系,即为当前内层循环的最大值长方形:每行循环5次,再循环5行 <script type="text/javascript"> for(var a=1;a<=5;a++){

如何用javascript获取和设置css3属性

==================获取======================== 我想到的第一个思路 var test = document.getElementById('test'); console.log(test.style); 然而这种方法并没有什么效果,因为style代表的是行间样式. 我突然想起以前学JS运动,有一个叫做getStyle的方法 function getStyle(obj, name){ if(obj.currentStyle){ return obj.cu

FineReport中如何用JavaScript自定义地图标签

在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行JavaScript代码编写. 例如:在使用地图过程中,会发现很多地名显示的位置偏离.这时候就需要使用JavaScript进行调控.以黑龙江和内蒙古为例,来介绍下如何在FineReport中利用JavaScript自定义地图标签. 新建地图以区域地图为例,新建表单,拖入地图(新特性)组件,地图边界选择区域地图下的中国(省级): 数据准备新建工作簿,添加数据集ds1,SELECT*FROM地图1,选中图表,选择图表

如何用JavaScript做一个可拖动的div层

可拖动的层在Web设计中用处很多,比如在某些需要自定义风格布局的应用中,控件就需要拖动操作,下面介绍一个,希望可以满足你的需求,顺便学习一下可拖动的层是如何实现的. 下面是效果演示: 这个DIV可以移动,你可以测试下. JavaScript code <script type="text/javascript"> // <![CDATA[ var $j=function(id){return document.getElementById(id);}; var g

如何用JavaScript重定向到另一个网页?

可以使用 window.location.replace() 方法重定向到另一个页面.相对于 window.location.href ,replace的优势是不会跳转记录并不会保留在历史会话中,这就是说用户可以通过后退按钮回到上一个正常页面,而不是进入到无休止的回退→跳转的流程. 下面是对使用JavaScript来进行跳转的一些建议: 如果是想模拟用户点击链接进行跳转,建议使用window.location.href 如果是想模拟HTTP重定向,建议使用window.location.repl

如何用 JavaScript 控制 Arduino？

Arduino 运行 C 语言,而主控端运行 JavaScript,一次要编写和维护两种程序.既然浏览器和服务器都用 JavaScript,若 Arduino 也能用 JavaScript 控制,那岂不完美? 这就是 Rick Waldron 设计 Johnny-Five 库文件的原因.Johnny-Five 是1986 年上映的科幻电影“Short Circuit(直译为“短路”,译作“霹雳五号”)”当中的机器人主角的名字.电影中的机器人原本是人工智能军武,由于雷击造成短路,让它有了自我意识而

如何用JavaScript判断前端应用运行环境（移动平台还是桌面环境）

我们部署在某些云平台或者Web服务器上的前端应用,既可以用PC端浏览器访问,也可以用手机上的浏览器访问. 在前端应用里,有时候我们需要根据运行环境的不同做出对应处理.比如下面这段逻辑,如果判断出应用当前是运行在手机上,则需要设置对应的viewport. if (this.isMobile()) { var viewport = document.querySelector("meta[name=viewport]"); if (viewport) { viewport.setAttri

如何用JavaScript实现获取验证码的效果

转自:http://www.php.cn/js-tutorial-411734.html HTML部分: 1 2 3 4 5 6 7 <body onload='createCode()'> <div>验证码: <input type = "text" id = "input"/> <input type="button" id=&quo

如何用javascript中的canvas让图片自己旋转

最近在写一个游戏,想让一个人物随着鼠标在原地旋转在网上找了找,大都是用css写的,但是我为了长远的利益着想选择使用javascript代码中的canvas来解决绘图问题其中重要的两个方法: context.translate(x,y) 用于重新设定画布的原点参数是设定的原点坐标 context.rotate(角度*Math.PI/180) 让图片旋转, 参数是指旋转的弧度如果要填入角度就像上面一样乘以 Math.PI/180 核心思路: 转载自:http://jingyan.baidu.

如何用javascript高效的判断浏览器种类和版本

<script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1]

如何用JavaScript探测CSS动画是否已经完成

不啰嗦上代码: WN:(function(){ var el = $('<fakeelement>'), transition="transition", transitionEnd, animEvent={'start':null,'iteration':null,'end':null}, vendorPrefix; transition = transition.charAt(0).toUpperCase() + transition.substr(1); vendor

如何用javascript 的eval动态执行一个需要传对象参数的函数

代码如下: var method = 'setRiskItemAmount_'+id[1]+'(id[0],id[2],this.value);'; console.log(method); eval(method); function setRiskItemAmount_1(index,bjmId,value){ console.log(index); console.log(bjmId); console.log(value); }