热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript闹钟,web的闹钟

javascript简单问题!打个比方,我家房间有10个闹钟,今天起床的时候,老婆大人命令我,要我关掉其中的3个。她如果不告诉我关掉哪3个,我怎么办?我没办法。如果我家闹钟都有名字

Javascript简单问题!

打个比方,我家房间有10个闹钟,今天起床的时候,老婆大人命令我,要我关掉其中的3个。

她如果不告诉我关掉哪3个,我怎么办?我没办法。

如果我家闹钟都有名字,她就告诉我关掉“阿猫”,“阿狗”,“小强”。这样我就懂了吗!

而你问的timeTwo就是这里的闹钟的名字。

当你定义了定时器之后,要想关闭定时器指定的程序,你就需要通知计算机具体你希望关闭的是哪一个程序。timeTwo就是这么一个ID号。

严格点说,它是一个变量,变量类型是“引用”。该引用指向语句中的setTimeOut()方法。

新手求问JS怎么做个闹钟

html

head

script type="text/Javascript"

function startTime()

{

var today=new Date()

var h=today.getHours()

var m=today.getMinutes()

var s=today.getSeconds()

// add a zero in front of numbers10

m=checkTime(m)

s=checkTime(s)

document.getElementById('txt').innerHTML=h+":"+m+":"+s

t=setTimeout('startTime()',500)

}

function checkTime(i)

{

if (i10)

{i="0" + i}

return i

}

/script

/head

body Onload="startTime()"

div id="txt"/div

/body

/html

给Javascript计时器添加闹钟功能

干嘛这样想咧?

直接把input type="text" name="hour"/

input type="text" name="minute"/

input type="text" name="second"/

中的值先取出来,通过一个BUTTON触发:button Onclick="begin()"开始/button

然后:

var sec='';

function num()

{

var num = 3600*getElementById("hour").value+60*getElementById("minute").value+getElementById("second").value

return num

}

var end_nums = num();

function begin()

{

setinterVal("showdigital",1000);

}

function showdigital()

{

sec++;

if(sec==end_nums)

{

alert("时间到啦")

}

}

不知道这样行不行,没测试过,反正这样想应该没错

javasript 创建按钮控制时钟开始停止问题。已经写出代码 但是不知道按钮怎么办

input type="button" value="开始" Onclick="startTime() " 

input type="button" value="停止" Onclick="stopTime() " 

script type="text/Javascript"

    var clock_obj = document.getElementById("clock");

    var time_now = 0;

    var count = 0;

    var time_id =  window.setInterval("showTime()",1000);

    //点击开始按钮事件

    function startTime(){

        //重复点击开始事件将上一次的timer清除

        clearInterval(time_id);

        time_id = window.setInterval("showTime()",1000);

    }

    //点击停止按钮事件

    function stopTime() {

        clearInterval(time_id);

    }

    function showTime( )

    {

        var time_now = new Date();

        time_now = time_now.toLocaleString();

        clock_obj.innerHTML = time_now;

        count++;

    }

/script

Javascript 简单问题

虽然我很同意楼上的说法,但是还是给你说一下

html

head

script type="text/Javascript"

//自定义的一个函数(方法)startTime()

function startTime()

{

//定义一个时间字段today 用var定义,下面类同,接受后面的Date

var today=new Date()

//这个是小时Hour

var h=today.getHours()

//分钟

var m=today.getMinutes()

//秒

var s=today.getSeconds()

// add a zero in front of numbers10

//把m,s传进方法checkTime()里面验证,如果小于10就给前面加0,举个例子 如果是1分2秒,显示出来就是01:02

m=checkTime(m)

s=checkTime(s)

//这句从左往右看,首先等号右边拼接字符串,拼成完整的时间格式,然后传给右边,右边的意思就是显示到页面上的文本框里面。

document.getElementById('txt').innerHTML=h+":"+m+":"+s

//setTimeout()好比一个闹钟,就是让上面的方法startTime()格500毫秒一执行

t=setTimeout('startTime()',500)

}

//这个就是验证时间的,如果为1位数,就给前面加0

function checkTime(i)

{

if (i10)

{i="0" + i}

return i

}

/script

/head

//onload事件,让startTime()方法在加载时候执行

body Onload="startTime()"

//div层显示方法里面拼接好的时间

div id="txt"/div

/body

/html

呼...手好困!

其实这些都是最基本的,你先去了解一下,挺简单的!

我这也有好多资料 毕竟刚学完,你要了就吭声


推荐阅读
  • JavaScript和HTML之间的交互是经由过程事宜完成的。事宜:文档或浏览器窗口中发作的一些特定的交互霎时。能够运用侦听器(或处置惩罚递次来预订事宜),以便事宜发作时实行相应的 ... [详细]
  • 在JavaScript中,函数没有重载的概念,如果声明了多个重名的函数,不管函数的形参个数是否一样,只有最后一个有效。如果调用函数时传入的参数个数与函数定义时的参数个数不符,会出现不同的情况。函数调用时,传入的参数个数少于函数定义时的参数个数,未传入的参数会被当做undefined处理,可能会导致错误。而传入的参数个数多于函数定义时的参数个数,多余的参数不会被使用,但不会报错。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景,包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念,读者可以更好地掌握margin的用法和原理。同时,文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • FineReport平台数据分析图表显示部分系列接口的应用场景和实现思路
    本文介绍了FineReport平台数据分析图表显示部分系列接口的应用场景和实现思路。当图表系列较多时,用户希望可以自己设置哪些系列显示,哪些系列不显示。通过调用FR.Chart.WebUtils.getChart("chartID").getChartWithIndex(chartIndex).setSeriesVisible()接口,可以获取需要显示的系列图表对象,并在表单中显示这些系列。本文以决策报表为例,详细介绍了实现方法,并给出了示例。 ... [详细]
  • 【shell】网络处理:判断IP是否在网段、两个ip是否同网段、IP地址范围、网段包含关系
    本文介绍了使用shell脚本判断IP是否在同一网段、判断IP地址是否在某个范围内、计算IP地址范围、判断网段之间的包含关系的方法和原理。通过对IP和掩码进行与计算,可以判断两个IP是否在同一网段。同时,还提供了一段用于验证IP地址的正则表达式和判断特殊IP地址的方法。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 预备知识可参考我整理的博客Windows编程之线程:https:www.cnblogs.comZhuSenlinp16662075.htmlWindows编程之线程同步:https ... [详细]
  • 本文介绍了Oracle存储过程的基本语法和写法示例,同时还介绍了已命名的系统异常的产生原因。 ... [详细]
author-avatar
Jay_5
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有