关于JS的时间控制

<script>
        BOM   //Bowers Object Model   浏览器对象模型
    setTimeout()
//    延迟执行一次
    setInterval()
//    间隔执行
    var a = 300;
    window.setTimeout('abc(a)',3000);
//    自定义函数赋值
    function abc(i)
    {
        alert(i);
    }

//setInterval('alert(123)',2000);
    var dh = document.getElementById("dh");

//alert(dh.offsetLeft);
    function move() {
        dh.style.marginLeft = dh.offsetLeft + 1 + 'px';
    }

var x = window.setInterval('move()', 20);
    var y = window.setInterval('move()', 500);

function clear() {
        window.clearInterval(x);
    }
                                    //清除间隔执行
    window.setTimeout("clear()",2500);

//                          要执行的代码;间隔时间
window.setInterval('alert(123)',1000);

</script>

  利用时间控制实现钟表的操作

<style>
            *{
                margin: 150px auto;
                width:500px; 
                height:500px;
            }
        
    </style>
    <body>
        <div>

<span id="h"></span>
            <span id="m"></span>
            <span id="s"></span>

</div>
        <script type="text/javascript">

window.setInterval("time()",1000);
            自定义时间函数
            function time(){

        日期时间函数调用
                var time = new Date();
                
                document.getElementById("h").innerText = time.getHours() +':';

document.getElementById("m").innerText = time.getMinutes() +':';

document.getElementById("s").innerText = time.getSeconds();
            }

</script>
        
        
    </body>

转载于:https://www.cnblogs.com/sunbo123/p/7723967.html

JS里的时间有关的标签相关推荐

  1. js里Date时间格式的常用转换-------(GMT转成yyyy-MM-dd)--------(根据日期获得星期几)...

    const DateParse = {/** * 将GMT格式的时间转为数据库兼容的Date格式 * gmt => GMT格式的时间 * long => 是否长时间(包含时分秒), 可不填 ...

  2. 【转】js里的时间函数集

    $(function(){var mydate = new Date();var t=mydate.toLocaleString();$("#time").text(t);$(&q ...

  3. 前端利用js里数组的filter方法进行多条件过滤查询

    需求:用户在输入框输入多个条件时,可以对表格数据进行过滤查询,无需后端接口处理,利用了前端js里数组的filter方法进行过滤. 如下是效果图: 当用户在姓名的输入框里输入"张"后 ...

  4. 千亿级平台技术架构:为了支撑高并发,我把身份证存到了JS里

    点击上方 IT牧场 ,选择 置顶或者星标 技术干货每日送达 随着时代及互联网的发展,人们对个人隐私越来越重视,但隐私信息泄露及滥用的问题依然屡见不鲜.之前有一份<中国个人信息安全和隐私保护报告& ...

  5. JS里的居民们5-数组(栈)

    编码1(栈顶在最右) 练习如何使用数组来实现栈,综合考虑使用数组的 push,pop,shift,unshift操作 基于代码,实现如按钮中描述的功能: 实现如阅读材料中,队列的相关进栈.退栈.获取栈 ...

  6. 如何用js语句给mysql添加内容_在js里写SQL的方法

    在日新月异的前端领域中,前端工程师能做的事情越来越多,自从nodejs出现后,前端越来越有革了传统后端命的趋势,本文就再补一刀,详细解读如何在js代码中执行标准的SQL语句 为什么要在js里写SQL? ...

  7. 关于JS里面的Call Stack and Heap

    关于JS里面的Call Stack and Heap Abstract What is the Call Stack and Heap in JS What is the difference bet ...

  8. HTML+CSS+svg绘制精美彩色闪灯圣诞树,HTML+CSS+Js实时新年时间倒数倒计时(附源代码)

    HTML+CSS+svg绘制精美彩色闪灯圣诞树, HTML+CSS+Js实时新年时间倒数倒计时(附源代码) 本篇目录 一.前言 二.主要功能 三.效果展示 四.编码实现步骤 五.资源下载 六.完整源代 ...

  9. dede模板里常用到的一些标签—dedecms模板开发

    dede模板里常用到的一些标签 1.头尾调用标签: {dede:include filename="head.htm"/} {dede:include filename=" ...

最新文章

  1. “强化学习之父”萨顿:预测学习马上要火,AI将帮我们理解人类意识
  2. C#类方法中使用数组参数params关键字的作用
  3. 处理器后面的字母含义_电脑天天用,但CPU后缀的一个字母你知道代表这什么吗?...
  4. 领域应用 | 知识图谱的技术与应用
  5. 将视图转为image_JavaScript二进制数组(2)TypedArray视图
  6. 电脑办公技巧:他做了9小时的工作,我5秒就做完了
  7. [Windows Server 2008] 404错误设置方法
  8. JSBinding + SharpKit / JavaScript 加载流程
  9. 七种场景下的软件作业量估计
  10. 【React Native 安卓开发】----(Picker)【第四篇】
  11. C/C++[codeup 2043]小白鼠排队
  12. 手眼标定原理(眼在手上和眼在手外)
  13. 用C++写一个班级通讯录管理软件
  14. 我的计算机无法远程连接桌面,远程桌面无法连接怎么办?windows 无法使用远程桌面连接的解决方法...
  15. Thinkpad8在Windows10下假关机的解决办法
  16. Docker安装与常用命令详解——初步拓荒
  17. 【日常吐槽 · 第七期】进击的博客
  18. 130 个相见恨晚的超实用网站,一次性分享出来。
  19. 数据产品经理的具象化
  20. 鸿蒙系统 智能手表,魅族官宣:你好,鸿蒙 首个第三方接入鸿蒙OS手机品牌新品亮相...

热门文章

  1. 使用工具Source Monitor测量您Java代码的环复杂度
  2. 在SAP云平台的CloudFoundry环境下消费ABAP On-Premise OData服务
  3. SAP的这三款CRM解决方案,您能区分清楚么
  4. opencv 4快速入门_基于OpenCV的图像融合
  5. 计算机分级时无法度量视频播放,Win7 64位系统电脑评分出现“无法度量视频播放性能”怎么解决...
  6. python学习-类(global、nonlocal、继承、多态)
  7. java复习2(编码)
  8. 带父节点的平衡二叉树_数据结构(八)平衡二叉树
  9. 单片机点灯不难,但你会网页点灯吗?
  10. 入行嵌入式研发10多年,一位工程师悟出这些道理