简单的计时器

容器:

<div id="time"></div>

js代码:

window.onload = function(){
    showTime();
    function checkTime(i){
        if(i<10){
            i = "0"+i;
        }
        return i;
    }
    function showTime(){
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth()+1;
    var date = myDate.getDate();
    var week = myDate.getDay();
    var h = myDate.getHours();
    var m = myDate.getMinutes();
    var s = myDate.getSeconds();
    var arr = [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘];
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById(‘time‘).innerHTML = year+‘年‘+month+‘月‘+date+‘日‘+arr[week]+‘<br/>‘+h+‘时‘+m+‘分钟‘+s+‘秒‘;
    setTimeout(showTime,500);}
}

知识点:

  1. 各种获取时间的函数;
  2. 对特殊的值,如月,周,小时,分钟要进行处理;
  3. setTimeout函数的使用;
时间: 2024-11-05 23:26:01

简单的计时器的相关文章

03、三种简单的计时器

1.计时器在游戏中的使用次数很多,以下是三种简单的计时器写法 2.代码: 1 using System.Collections; 2 using System.Collections.Generic; 3 using UnityEngine; 4 using UnityEngine.UI; 5 6 public class Timer : MonoBehaviour 7 { 8 private Text textTime; 9 private int second = 20; 10 11 pri

Python--26 简单定制 计时器

TIME模块资料 time 模块 -- 时间获取和转换time 模块提供各种时间相关的功能 在 Python 中,与时间处理有关的模块包括:time,datetime 以及 calendar必要说明: 虽然这个模块总是可用,但并非所有的功能都适用于各个平台. 该模块中定义的大部分函数是调用 C 平台上的同名函数实现,所以各个平台上实现可能略有不同. 一些术语和约定的解释: 时间戳(timestamp)的方式:通常来说,时间戳表示的是从 1970 年 1 月 1 日 00:00:00 开始按秒计算

创建一个简单的计时器

#include<windows.h>#include<tchar.h>#define TIME 5 LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM); int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, PSTR szCmdLine, int iCmdShow){    WNDCLASS clock;    static TCHAR* szAppN

简单的计时器 (倒计时)--html Demo

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>HTML5 Timer</title> <script type="text/javascript" src="js/jquery-1.7.2.mi

Python学习-一个简单的计时器

在实际开发中,往往想要计算一段代码执行多长时间,以下我将该功能写入到一个函数里面,仅仅要在每一个函数前面调用该函数就可以,见以下代码: #-------------------------------- #一个记时器,仅仅要在函数前面写上@fun_timer就可以 import time from functools import wraps def fun_timer(function): @wraps(function) def function_timer(*args, **kwargs)

Boost库简单运用——时间与日期的处理(一)

对于时间与日期的处理一直都是一个比较复杂的问题,而C++中对于时间与日期的处理也是比较简陋的,并不像Java.C#之流提供了非常方便易用的类.但随着Boost的推出,对于时间的处理也变得越来越简单方便了,今天我们就来学习一些较为方便的处理方式: 首先,我们先来了解Boost中对时间处理的一个比较基础的类,也是后续几个类的基类--timer. timer类可以测量时间的流逝,依据平台的不同,提供了毫秒甚至微秒级别的时间控制,我们也可以用它来做一个很简单的计时器,下面,我们通过代码来解释timer的

Java简单的面向对象

JavaScript允许你模仿其他语言的编程模式和惯用法.它也形成了自己的一些变成模式和惯用法.那些较为传统的服务器语言具有的面向对象的特性,JavaScript都有. 下面列举几种简单的JavaScript面向对象的例子来实现一个简单的计时器. 所有例子共用此Html  ,各个例子main.js <!DOCTYPE html> <html> <head> <title>Demo-01</title> <script src=".

JavaScript的计时器的工作原理

最近都在看一些JavaScript原理层面的文章,恰巧看到了jQuery的作者的一篇关于JavaScript计时器原理的解析,于是诚惶诚恐地决定把原文翻译成中文,一来是为了和大家分享,二来是为了加深自己对于JavaScript的理解.原文链接:http://ejohn.org/blog/how-javascript-timers-work/ 原文翻译: 从基础层面来讲,理解JavaScript计时器的工作原理是很重要的.由于JavaScript是单线程的,所以很多时候计时器并不是表现得和我们的直

android学习笔记——计时器实现

根据android疯狂讲义来写写代码,在博客里面将这些写过的代码汇总一下.实现的功能很简单:就是一个简单的计时器,点击启动按钮会开始计时,当计时到20秒时会自动停止计时. 界面如下: 界面代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="