js简单文字滚动显示

js简单文字滚动显示

1. html内容


<html>
    <head>
        <meta charset="utf-8" />
        <title>title>     
    head>
    <body>
        <marquee behavior="scroll" direction="left">
          <p id="time">p>
       marquee>
    body>
html>

2. css样式
.marquee {background-color:burlywood;width:300px;height:50px;}

3. js

function time() {
    function format(i) {
        return (i < 10 ? "0" + i : i);
    }
    document.getElementById("time").innerHTML = "让字体滚动吧!哈哈哈哈哈哈哈哈哈"
}
var interval = setInterval(time, 100);

4. 效果演示图
这里写图片描述

你可能感兴趣的:(原生态js)