Node.js をさりげなく取り入れた最近のフロントエンド事情について

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
moment.min.js"></script> 
<script src=“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
locale/ja.js"></script>
 
<script> 
var interval = 1000; 
document.addEventListener("DOMContentLoaded", function(e) { 
var dom = document.querySelector(".timer"); 
setInterval(function(){ 
console.log(moment().format("YYYY/MM/DD HH:mm:ss")); 
dom.textContent = " " + moment().format('YYYY/MM/DD
HH:mm:ss') + " "; 
}, interval) 
}); 
</script>
 
</head> 
<body> 
<div class="timer"></div>
</body>

var moment = require('moment-timezone'); 
 
console.log(" " + moment().tz("Asia/Tokyo").format("YYYY/MM/
DD HH:mm:ss”) + " "); 
}, interval);

var moment = require('moment-timezone'); 
 
console.log(moment().tz("Asia/Tokyo").format("YYYY/MM/DD HH:mm:ss")); 
dom.textContent = " " + moment().format("YYYY/MM/DD
HH:mm:ss") + " "; 
}, interval) 
});

const moment = require('moment-timezone'); 
 
const interval = 1000; 
setInterval(()=>{ 
console.log(` ${moment().tz("Asia/Tokyo").format("YYYY/MM/DD
HH:mm:ss")} `); 
}, interval);

import moment from 'moment-timezone'; 
 
console.log(` ${moment().tz("Asia/
Tokyo").format("YYYY/MM/DD HH:mm:ss")} `); 
}, interval);

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
moment.min.js"></script> 
<script src=“https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/
locale/ja.js"></script>
 
<script> 
console.log(moment().format("YYYY/MM/DD HH:mm:ss")); 
dom.textContent = ` ${moment().format("YYYY/MM/DD
HH:mm:ss")} `; 
}, interval); 
}); 
</script>
</head> 
<body> 
<div class="timer"></div>
</body>

import moment from 'moment-timezone'; 
 
document.addEventListener("DOMContentLoaded",
function(e) { 
const dom = document.querySelector(".timer"); 
console.log(moment().tz("Asia/Tokyo").format("YYYY/
MM/DD HH:mm:ss”));
 
dom.textContent = ` ${moment().tz("Asia/
Tokyo").format("YYYY/MM/DD HH:mm:ss")} `; 
}, interval) 
});

ES5ES5 Node.js
ES5
ES6ES6 Node.js
ES6

Node.js をさりげなく取り入れた最近のフロントエンド事情について

More Related Content

What's hot (19)

More from kamiyam . (20)