JavaScript通过setTimeout实时显示当前时间的方法

xian0

2015-04-16

本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法。分享给大家供大家参考。具体如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html;charset=gb2312" />
 <title>JS小测试</title>
 </head>
 <body>
  <style type="text/css">
   #time
   {
    background-color:#eee;
   }
  </style>
  <script type="text/javascript">
   function showtime()
   {
    var myDate = new Date();
    document.getElementById("time").innerHTML = myDate.getHours()
 + "时" + myDate.getMinutes() + "分"
 + myDate.getSeconds() + "秒" ;
    setTimeout("showtime()",1000);
    }
</script>
  <div id="time">
   <script type="text/javascript">showtime();</script>
  </div>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

settimeout javascript

xian0

0 关注 0 粉丝 0 动态

相关推荐

如何在JavaScript实现休眠或等待功能，实现sleep函数

JavaScript不具有 sleep() 函数，该函数会导致代码在恢复执行之前等待指定的时间段。JavaScript中没有 sleep() 方法，所以你可以尝试使用下一个最好的方法 setTimeout()。不幸的是，setTimeout() 不能像你

sfkong 2020-08-02

Promise和setTimeout执行顺序

最需要解释的是：then和settimeout执行顺序，即setTimeout在下一轮“事件循环”开始时执行，Promise.then()在本轮“事件循环”结束时执行。先执行promise是宏任务队列，而setTimeout是微任务队列。const pr

89500297 2020-05-05

jquery 延迟执行方法

setTimeout(function () { test(); }, 2000);setTimeout(‘test()‘,2000);alert("aaaa");setTimeout(test(),2000);

delmarks 2020-04-09

javascript中setTimeout()和setInterval()方法

alert("等待1秒,弹出窗口!

js网页特效 2012-09-13

promise

将下列异步函数改编成promise

89500297 2019-12-04

百度ecahrts和swiper一起使用，loop复制slide导致图表不展示的问题解决

由于老项目用的swiper3，所以这里贴出来的是swiper3的配置项，swiper4的参照下面的稍作修改即可

gjcxywwx 2019-11-04

promise 及 setTimeout 执行顺序

setTimeout 的任务会被排到队列尾部，同步任务执行结束后立即执行 setTimeout；最外层的 console.log 为同步任务，则按顺序执行；promise 中的 then 会等待 resolve 执行结束后即执行；

前端开发Kingcean 2019-10-22

关于async/await、promise和setTimeout执行顺序

setTimeOut执行需要满足两个条件：。首先，new Promise是同步的任务，会被放到主进程中去立即执行。当你的promise状态结束的时候，就会立即放进异步队列中去了。带async关键字的函数会返回一个promise对象，如果里面没有await，

Magicsoftware 2019-10-19

Ext.data.Store 延迟查询数据

做项目时经常遇到网页加载过慢导致ExtJs无法查询数据，这时要用到延迟功能加以解决，

ningwentao 2014-07-03

jQuery倒数计时按钮—setTimeout

<head runat="server"> <title></title> <script type="text/javascript" src="js/jquer

xuewenke 2012-02-05

老生常谈之宏任务，微任务

const promise = new Promise((resolve, reject) => {

84563376 2019-09-21

setTimeout 或者 setInterval，关于 Javascript 计时器：你需要知道的一切都在这里

先来回答一下下面这个问题：对于 setTimeout 这一行代码，你从哪里可以找到 setTimeout 的源代码？在浏览器中，主计时器函数是 Window 接口的一部分，这保证了包括如 setTimeout、setInterval 等计时器函数以及其它函

jiangbo0 2019-09-08

17行代码了解异步Promise、await、async、setTimeout

17行代码了解异步：Promise、await、async、setTimeoutasync function one() {

85403263 2019-07-01

每日更新-js代码技巧： setTimeout和promise

}, 1000)Promise 实现const wait = () => new Promise((resolve, reject) => {

codable 2019-07-01

JS单线程与setTimeout执行原理

Javascript 引擎单线程机制首先明确，JavaScript引擎是单线程机制。当某一段代码正在执行的时候，所有后续的任务都必须等待，形成一个任务队列。一旦当前任务执行完毕，再从队列中取出下一个任务，这也常被称为 “阻塞式执行”。所以 setTimeo

梦秋雨 2019-07-01

js的setTimeout和Promise---同步异步和微任务宏任务

单独使用的执行模式这里就使用Promise作为例子，来探究一下单独使用它，会有哪些注意点。let a = new Promise((resolve, reject) => {. fn().then以上代码，输出结果为：。3 // 异步注意 new

87241940 2019-06-30

js基础进阶--promise和setTimeout执行顺序的问题

前言promise为es6引进的语言标准，为异步编程的一种解决方案；阅读此文的前提是了解浏览器event loop的机制，还有promise的基本用法和特性，比如他自执行特性、状态不可逆特性等。Javascript是单线程的，所有的同步任务都会在主线程中执

83251242 2019-06-30

一道setTimeout async promise执行顺序的笔试题引发的思考

====据说这是今日头条去年的一道笔试题，主要考察的是setTimeout async promise执行顺序～先双手奉上这道题目～。setTimeOut执行需要满足两个条件：。至于什么，查了很多的资料，了解到：一个浏览器环境只能有一个事件循环，而一个事件

85281643 2019-06-29

promise与setTimeout的执行顺序问题

console.log 输出8第一个过程过后，已经输出了3 4 6 8第二步. 由于其他micro-task 的优先级高于macro-task。此时micro-task 中有两个任务按照优先级process.nextTick 高于 Promise,所以先

whynotgonow 2019-06-29

Mastered in EVENT LOOP

(() => setTimeout(() => Promise.resolve('Do you think I will get there?

84563376 2019-06-29

xian0

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号