编程 Javascript

js实现简单秒表走动的时钟特效

Posted in Javascript onMarch 25, 2020

本文实例介绍了javascript实现简单的秒表走动的时钟特效,分享给大家供大家参考,具体如下：

运行效果图如下：

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 numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
 {i="0" + i}
 return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

更多JavaScript时钟特效点击查看：JavaScript时钟特效专题

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

js实现简单秒表走动的时钟特效

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Web开发者必备的12款超赞jQuery插件

Dec 03 Javascript

修改好的jquery滚动字幕效果实现代码

Jun 22 Javascript

js判断undefined变量类型使用typeof

Jun 03 Javascript

使用GruntJS链接与压缩多个JavaScript文件过程详解

Aug 02 Javascript

ie中js创建checkbox默认选中问题探讨

Oct 21 Javascript

setInterval()和setTimeout()的用法和区别示例介绍

Nov 17 Javascript

使用jQuery快速解决input中placeholder值在ie中无法支持的问题

Jan 02 Javascript

AspNet中使用JQuery boxy插件的确认框

May 20 Javascript

bootstrap组件之按钮式下拉菜单小结

Jan 19 Javascript

详解Vue中过度动画效果应用

May 25 Javascript

Vue 2.0在IE11中打开项目页面空白的问题解决

Jul 16 Javascript

js实现选项卡效果

Mar 07 Javascript

javascript实现鼠标放上后下边对应内容变换的效果

Aug 06 #Javascript

JS实现跟随鼠标的链接文字提示框效果

Aug 06 #Javascript

jquery实现仿新浪微博评论滚动效果

Aug 06 #Javascript

JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

Aug 06 #Javascript

jquery实现点击查看更多内容控制段落文字展开折叠效果

Aug 06 #Javascript

JavaScript淡入淡出渐变简单实例

Aug 06 #Javascript

jQuery实现类似老虎机滚动抽奖效果

Aug 06 #Javascript