关于JS的时间控制实现动态效果及实例操作 关于JS的时间控制
<script>
BOM //Bowers Object Model 浏览器对象模型
setTimeout()
javascript动态效果// 延迟执⾏⼀次
setInterval()
// 间隔执⾏
var a = 300;
window.setTimeout('abc(a)',3000);
// ⾃定义函数赋值
function abc(i)
{
alert(i);
}
//setInterval('alert(123)',2000);
var dh = ElementById("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();
</script>
</body>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论