JavaScript时钟代码小分析

想必大家都会写个JavaScript时钟代码,我今天就写个小例子:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>javascript时钟小实例</title>
<style>
    div{
    width:200px;
    height:100px;
    border-radius:50px;
    background-color:Pink;
    }
    p{
    font-weight:bolder;
    color:Purple;
    text-align:center;
    position:relative;
    top:40px;
    }
</style>
<script>
window.onload = function myFunction() {
    var time=document.getElementById("time");
    var n=new Date();
    time.innerHTML = n.toLocaleTimeString();
    setTimeout(myFunction, 1000);
};
</script>
  </head>
  <body>
    <div>
      <p id="time"></p>
    </div>
  </body>
</html>        

大家看到javascript代码块,我做个解释

window.onload//待网页加载完后运行js代码。

var n=new Date(); //创建一个新日期

n.toLocaleTimeString();//将日期转化为字符串

setTimeout(myFunction,1000);//每1000毫秒=1秒 运行一次myFunction()函数里的代码

function myFunction(){
return 5;
}
var a=myFunction
var b=myFunction();
document.write(a);
document.write(b);
//大家可以试试以上代码,a与b是不同的

原文地址:https://www.cnblogs.com/CodeScript/p/8455947.html

时间: 2024-10-07 02:17:10

JavaScript时钟代码小分析的相关文章

Javascript 匀速运动停止条件——逐行分析代码,让你轻松了运动的原理

原文:Javascript 匀速运动停止条件--逐行分析代码,让你轻松了运动的原理 我们先来看下之前的匀速运动的代码,修改了速度speed后会出现怎么样的一个bug.这里加了两个标杆用于测试 <style type="text/css"> #div1 { width: 100px; height: 100px; position: absolute; background: red; top: 50px; left: 600px; } #div2 { width: 1px;

小程序商城开发小程序系统代码编程分析

小程序商城开发小程序系统代码编程分析:151.1222.4001(微/电)微信小程序开发,小程序商城开发,小程序模式开发,小程序源码开发,小程序软件开发,小程序应用开发,小程序微商城搭建,小程序分销返利系统开发,小程序购物商城开发. 微信小程序1月9日发布以来,其实就是一个基于微信运行一个程序,腾讯未来就会把微信作为一个移动端OS,在微信基础上运营一个企业的小程序,这样方便用户使用程序,不需要下载和安装,这样方便了用户使用,从而我个人认为会对一些功能比较小的APP造成很大的冲击,但是对功能相对比

世界上最短的时钟代码!更短的,有木有?

一.简介 Processing.js作者是John Resig,这是继Jquery之后,他的第二个力作. Processing.js提供了教学可视化的编程语言及运行环境.通过编写processing程序,教师可以将复杂的物理.化学.数学原理形象的展示给学生.比如绘制各种曲线图,波线,粒子,绘制分子结构,当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形. Processing.js是一个开放的编程语言,在不使用Flash或Java小程序的前提下, 可以实现程序图像.动画和互动的应用. Pr

11个Visual Studio代码性能分析工具

软件开发中的性能优化对程序员来说是一个非常重要的问题.一个小问题可能成为一个大的系统的瓶颈.但是对于程序员来说,通过自身去优化代码是十分困难的.幸运的是,有一些非常棒的工具可以帮助程序员进行代码分析和性能测试,从而大大简化程序员进行代码性能优化的过程.MSDN杂志2011年7月份曾发布主题为“.NET代码分析工具和技术”的那一期,让广大程序员收获颇丰.四年过去之后,这些工具又进一步做出了很多改进,同时也出现了更多的选择.本文对当前主流的一些Visual Studio代码性能分析工具进行简单的梳理

HTML5 Canvas爱心时钟代码

这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的. 查看效果:http://hovertree.com/texiao/html5/48/ 推荐其他时钟:http://hovertree.com/h/bjaf/o0yqj1ly.htmhttp://hovertree.com/h/bjaf/hoverclock.htm 代码如下: <!DOCTYPE html> <html> <head&

私人定制javascript中函数小知识点

函数的定义 首先在javascript中,函数就是对象,程序可以随意操控它们.比如,可以给它们设置属性,甚至调用它们的方法.函数使用function关键字来定义.它既可以用在函数定义表达式,也可以用在函数声明语句中.函数声明function后面必须要更上函数名称也就是所谓的函数名称标识符.如果是函数表达式函数名称标识符可有可无.这段重点是函数是对象,所以函数表现出来的种种行为你想想成对象,那么很多疑惑可能就恍如昨日初见. 函数调用 4种方式来调用javascript函数: 1.作为函数 就是函数

11 个 Visual Studio 代码性能分析工具

软件开发中的性能优化对程序猿来说是一个很重要的问题. 一个小问题可能成为一个大的系统的瓶颈. 可是对于程序猿来说.通过自身去优化代码是十分困难的.幸运的是.有一些很棒的工具能够帮助程序猿进行代码分析和性能測试,从而大大简化程序猿进行代码性能优化的过程.MSDN 杂志 2011 年 7 月份曾公布主题为".NET 代码分析工具和技术"的那一期.让广大程序猿收获颇丰.四年过去之后,这些工具又进一步做出了非常多改进,同一时候也出现了很多其它的选择.很多其它应用代码安全工具请点击:http:/

SpringMVC重定向视图RedirectView小分析

目录 前言 RedirectView介绍 实例讲解 总结 前言 SpringMVC是目前主流的Web MVC框架之一. 如果有同学对它不熟悉,那么请参考它的入门blog:http://www.cnblogs.com/fangjian0423/p/springMVC-introduction.html 本文所讲的部分内容跟SpringMVC的视图机制有关,SpringMVC的视图机制请参考楼主的另一篇博客: http://www.cnblogs.com/fangjian0423/p/springM

在ASP.NET使用javascript的一点小技巧

我们在进行ASP.NET开发时,经常会用到一些javascript脚本,比如: private void Button1_Click(object sender, System.EventArgs e) { Response.Write( "<script language='javascript'>alert('OK');</script>") ; } 经常是重复的书写这些脚本,如果我们能做成一个相应的函数就好了,直接就可以拿来使用.很多人都有自己的一些jav